﻿<!DOCTYPE html>
<!-- saved from url=(0076)http://www.dotnetcode.in/2011/06/creating-aspnet-menu-control-using-css.html -->
<html class="v2" dir="ltr" xmlns="http://www.w3.org/1999/xhtml" xmlns:b="http://www.google.com/2005/gml/b"
xmlns:data="http://www.google.com/2005/gml/data" xmlns:expr="http://www.google.com/2005/gml/expr">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/auth016.js"></script>
    <script type="text/javascript" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/counter017.js"></script>
    <link rel="stylesheet" type="text/css" href="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/counter013.css"
        media="all">
    <link rel="stylesheet" type="text/css" href="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/widget118.css"
        media="all">
    <!-- 9dc240da652478df5dff912e6a6cdce0 -->
    <meta content="136202CCA3B20BBCF07748913FF471C9" name="msvalidate.01">
    <meta content="ac206ead4753a911" name="y_key">
    <script type="text/javascript" async="" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/tab.js"></script>
    <script id="facebook-jssdk" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/all.js"></script>
    <script type="text/javascript" async="" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/widgets.js"></script>
    <script src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/cb=gapi.loaded_2"
        async=""></script>
    <script src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/cb=gapi.loaded_1"
        async=""></script>
    <script src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/cb=gapi.loaded_0"
        async=""></script>
    <script type="text/javascript">                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  })();</script>
    <meta content="blogger" name="generator">
    <link href="http://www.dotnetcode.in/favicon.ico" rel="icon" type="image/x-icon">
    <link href="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/DotNetCode  Creating ASP.Net Menu Control using CSS.htm"
        rel="canonical">
    <link rel="alternate" type="application/atom+xml" title="DotNetCode - Atom" href="http://www.dotnetcode.in/feeds/posts/default">
    <link rel="alternate" type="application/rss+xml" title="DotNetCode - RSS" href="http://www.dotnetcode.in/feeds/posts/default?alt=rss">
    <link rel="service.post" type="application/atom+xml" title="DotNetCode - Atom" href="http://www.blogger.com/feeds/1729044450077172400/posts/default">
    <link rel="alternate" type="application/atom+xml" title="DotNetCode - Atom" href="http://www.dotnetcode.in/feeds/1442667877429770505/comments/default">
    <!--[if IE]><script type="text/javascript" src="https://www.blogger.com/static/v1/jsbin/629196723-ieretrofit.js"></script>
<![endif]-->
    <link rel="image_src" href="http://1.bp.blogspot.com/-l_up06OEQQw/Tglz5pFruYI/AAAAAAAAAFw/hGUFSw6hI-k/s72-c/menu.jpg">
    <!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->
    <meta content="VB.NET ASP.NET SQL ARTICLES" name="title">
    <meta content="BLOG IS FULLY DISCUSS ABOUT ASP.NET,VB.NET,SQL ARTICLES" name="description">
    <meta content="ASP.NET,VB.NET,SQL,C#,BLOG,TIPS,TRICKS,DRUPAL 7" name="keywords">
    <meta content="VIJAY" name="author">
    <meta content="VIJAY" name="owner">
    <meta content="(c) 2011" name="copyright">
    <meta content="136202CCA3B20BBCF07748913FF471C9" name="msvalidate.01">
    <meta content="IE=EmulateIE7" http-equiv="X-UA-Compatible">
    <meta content="H3VtqgWnjKAFfZcoYck3kABQ_yE" name="alexaVerifyID">
    <meta content="OGFmOGMxY2I5MmIxYzk5YzMwYTc3MzViZDliYTM4Nzg=" name="myblogguest-verification">
    <meta content="width=1100" name="viewport">
    <script type="text/javascript">        (function () {
            var b = window, f = "jstiming", g = "tick"; (function () {
                function d(a) { this.t = {}; this.tick = function (a, d, c) { var e = void 0 != c ? c : (new Date).getTime(); this.t[a] = [e, d]; if (void 0 == c) try { b.console.timeStamp("CSI/" + a) } catch (h) { } }; this[g]("start", null, a) } var a; b.performance && (a = b.performance.timing); var m = a ? new d(a.responseStart) : new d; b.jstiming = { Timer: d, load: m }; if (a) { var c = a.navigationStart, h = a.responseStart; 0 < c && h >= c && (b[f].srt = h - c) } if (a) { var e = b[f].load; 0 < c && h >= c && (e[g]("_wtsrt", void 0, c), e[g]("wtsrt_", "_wtsrt", h), e[g]("tbsd_", "wtsrt_")) } try {
                    a = null,
b.chrome && b.chrome.csi && (a = Math.floor(b.chrome.csi().pageT), e && 0 < c && (e[g]("_tbnd", void 0, b.chrome.csi().startE), e[g]("tbnd_", "_tbnd", c))), null == a && b.gtbExternal && (a = b.gtbExternal.pageT()), null == a && b.external && (a = b.external.pageT, e && 0 < c && (e[g]("_tbnd", void 0, b.external.startE), e[g]("tbnd_", "_tbnd", c))), a && (b[f].pt = a)
                } catch (n) { }
            })(); b.tickAboveFold = function (d) { var a = 0; if (d.offsetParent) { do a += d.offsetTop; while (d = d.offsetParent) } d = a; 750 >= d && b[f].load[g]("aft") }; var k = !1; function l() { k || (k = !0, b[f].load[g]("firstScrollTime")) } b.addEventListener ? b.addEventListener("scroll", l, !1) : b.attachEvent("onscroll", l);
        })();</script>
    <meta content="blogger" name="generator">
    <link href="http://www.dotnetcode.in/favicon.ico" rel="icon" type="image/x-icon">
    <link href="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/DotNetCode  Creating ASP.Net Menu Control using CSS.htm"
        rel="canonical">
    <link rel="alternate" type="application/atom+xml" title="DotNetCode - Atom" href="http://www.dotnetcode.in/feeds/posts/default">
    <link rel="alternate" type="application/rss+xml" title="DotNetCode - RSS" href="http://www.dotnetcode.in/feeds/posts/default?alt=rss">
    <link rel="service.post" type="application/atom+xml" title="DotNetCode - Atom" href="http://www.blogger.com/feeds/1729044450077172400/posts/default">
    <link rel="alternate" type="application/atom+xml" title="DotNetCode - Atom" href="http://www.dotnetcode.in/feeds/1442667877429770505/comments/default">
    <!--[if IE]><script type="text/javascript" src="https://www.blogger.com/static/v1/jsbin/629196723-ieretrofit.js"></script>
<![endif]-->
    <link rel="image_src" href="http://1.bp.blogspot.com/-l_up06OEQQw/Tglz5pFruYI/AAAAAAAAAFw/hGUFSw6hI-k/s72-c/menu.jpg">
    <!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->
    <title>DotNetCode: Creating ASP.Net Menu Control using CSS</title>
    <link type="text/css" rel="stylesheet" href="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/2356033831-widget_css_2_bundle.css">
    <link type="text/css" rel="stylesheet" href="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/gsearch.css">
    <link type="text/css" rel="stylesheet" href="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/authorization.css">
    
    <style id="template-skin-1" type="text/css"><!--
body {
min-width: 1000px;
}
.content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: 1000px;
max-width: 1000px;
_width: 1000px;
}
.main-inner .columns {
padding-left: 0px;
padding-right: 300px;
}
.main-inner .fauxcolumn-center-outer {
left: 0px;
right: 300px;
/* IE6 does not respect left and right together */
_width: expression(this.parentNode.offsetWidth -
parseInt("0px") -
parseInt("300px") + 'px');
}
.main-inner .fauxcolumn-left-outer {
width: 0px;
}
.main-inner .fauxcolumn-right-outer {
width: 300px;
}
.main-inner .column-left-outer {
width: 0px;
right: 100%;
margin-left: -0px;
}
.main-inner .column-right-outer {
width: 300px;
margin-right: -300px;
}
#layout {
min-width: 0;
}
#layout .content-outer {
min-width: 0;
width: 800px;
}
#layout .region-inner {
min-width: 0;
width: auto;
}
--></style>
    <script type="text/javascript" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/google_top_exp.js"></script>
    <style>
        .gc-bubbleDefault
        {
            background-color: transparent !important;
            text-align: left;
            padding: 0 !important;
            margin: 0 !important;
            border: 0 !important;
            table-layout: auto !important;
        }
        .gc-reset
        {
            background-color: transparent !important;
            border: 0 !important;
            padding: 0 !important;
            margin: 0 !important;
            text-align: left;
        }
        .pls-bubbleTop
        {
            border-bottom: 1px solid #ccc !important;
        }
        .pls-topTail, .pls-vertShimLeft, .pls-contentLeft
        {
            background-image: url(//ssl.gstatic.com/s2/oz/images/stars/po/bubblev1/border_3.gif) !important;
        }
        .pls-topTail
        {
            background-repeat: repeat-x !important;
            background-position: bottom !important;
        }
        .pls-vertShim
        {
            background-color: #fff !important;
            text-align: right;
        }
        .tbl-grey .pls-vertShim
        {
            background-color: #f5f5f5 !important;
        }
        .pls-vertShimLeft
        {
            background-repeat: repeat-y !important;
            background-position: right !important;
            height: 4px;
        }
        .pls-vertShimRight
        {
            height: 4px;
        }
        .pls-confirm-container .pls-vertShim
        {
            background-color: #fff3c2 !important;
        }
        .pls-contentWrap
        {
            background-color: #fff !important;
            position: relative !important;
            vertical-align: top;
        }
        .pls-contentLeft
        {
            background-repeat: repeat-y;
            background-position: right;
            vertical-align: top;
        }
        .pls-dropRight
        {
            background-image: url(//ssl.gstatic.com/s2/oz/images/stars/po/bubblev1/bubbleDropR_3.png) !important;
            background-repeat: repeat-y !important;
            vertical-align: top;
        }
        .pls-vert, .pls-tailleft, .pls-dropTR .pls-dropBR, .pls-dropBL, .pls-vert img
        {
            vertical-align: top;
        }
        .pls-dropBottom
        {
            background-image: url(//ssl.gstatic.com/s2/oz/images/stars/po/bubblev1/bubbleDropB_3.png) !important;
            background-repeat: repeat-x !important;
            width: 100%;
            vertical-align: top;
        }
        .pls-topLeft
        {
            background: inherit !important;
            text-align: right;
            vertical-align: bottom;
        }
        .pls-topRight
        {
            background: inherit !important;
            text-align: left;
            vertical-align: bottom;
        }
        .pls-bottomLeft
        {
            background: inherit !important;
            text-align: right;
        }
        .pls-bottomRight
        {
            background: inherit !important;
            text-align: left;
            vertical-align: top;
        }
        .pls-tailtop, .pls-tailright, .pls-tailbottom, .pls-tailleft
        {
            display: none;
            position: relative;
        }
        .pls-tailbottom, .pls-tailtop, .pls-tailright, .pls-tailleft, .pls-dropTR, .pls-dropBR, .pls-dropBL
        {
            background-image: url(//ssl.gstatic.com/s2/oz/images/stars/po/bubblev1/bubbleSprite_3.png) !important;
            background-repeat: no-repeat;
        }
        .tbl-grey .pls-tailbottom, .tbl-grey .pls-tailtop, .tbl-grey .pls-tailright, .tbl-grey .pls-tailleft, .tbl-grey .pls-dropTR, .tbl-grey .pls-dropBR, .tbl-grey .pls-dropBL
        {
            background-image: url(//ssl.gstatic.com/s2/oz/images/stars/po/bubblev1/bubbleSprite-grey.png) !important;
        }
        .pls-tailbottom
        {
            background-position: -23px 0;
        }
        .pls-confirm-container .pls-tailbottom
        {
            background-position: -23px -10px;
        }
        .pls-tailtop
        {
            background-position: -19px -20px;
        }
        .pls-tailright
        {
            background-position: 0 0;
        }
        .pls-tailleft
        {
            background-position: -10px 0;
        }
        .pls-tailtop
        {
            vertical-align: top;
        }
        .gc-bubbleDefault td
        {
            line-height: 0;
            font-size: 0;
        }
        .pls-topLeft img, .pls-topRight img, .pls-tailbottom
        {
            vertical-align: bottom;
        }
        .pls-bottomLeft img, .bubbleDropTR, .pls-dropBottomL img, .pls-dropBottom img, .pls-dropBottomR img, .pls-bottomLeft
        {
            vertical-align: top;
        }
        .pls-dropTR
        {
            background-position: 0 -22px;
        }
        .pls-dropBR
        {
            background-position: 0 -27px;
        }
        .pls-dropBL
        {
            background-position: 0 -16px;
        }
        .pls-spacertop, .pls-spacerright, .pls-spacerbottom, .pls-spacerleft
        {
            position: static !important;
        }
        .pls-spinner
        {
            bottom: 0;
            position: absolute;
            left: 0;
            margin: auto;
            right: 0;
            top: 0;
        }
    </style>
    <script type="text/javascript" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/slclib800x440_placer.js"></script>
    <script id="OB_settings_call" async="async" type="text/javascript" src="http://odb.outbrain.com/utils/get?url=http%3A%2F%2Fwww.dotnetcode.in%2F2011%2F06%2Fcreating-aspnet-menu-control-using-css.html&srcUrl=http%3A%2F%2Fwww.dotnetcode.in%2Ffeeds%2Fposts%2Fdefault&settings=true&recs=false&widgetJSId=NA&key=AYQHSUWJ8576&idx=-1&version=131699&rand=0.5522341297473758&sig=rZKXdbMX"></script>
    <script type="text/javascript" async="" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/blogger_item.js"></script>
    <script type="text/javascript" async="" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/blogger_index.js"></script>
    <script type="text/javascript" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/saved_resource"></script>
    <script type="text/javascript" charset="UTF-8" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/13861795205390"></script>
    <style type="text/css">.fb_hidden{position:absolute;top:-10000px;z-index:10001}
.fb_invisible{display:none}
.fb_reset{background:none;border:0;border-spacing:0;color:#000;cursor:auto;direction:ltr;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal}
.fb_reset > div{overflow:hidden}
.fb_link img{border:none}
.fb_dialog{background:rgba(82, 82, 82, .7);position:absolute;top:-10000px;z-index:10001}
.fb_dialog_advanced{padding:10px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}
.fb_dialog_content{background:#fff;color:#333}
.fb_dialog_close_icon{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 0 transparent;_background-image:url(http://static.ak.fbcdn.net/rsrc.php/v2/yL/r/s816eWC-2sl.gif);cursor:pointer;display:block;height:15px;position:absolute;right:18px;top:17px;width:15px;top:8px\9;right:7px\9}
.fb_dialog_mobile .fb_dialog_close_icon{top:5px;left:5px;right:auto}
.fb_dialog_padding{background-color:transparent;position:absolute;width:1px;z-index:-1}
.fb_dialog_close_icon:hover{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -15px transparent;_background-image:url(http://static.ak.fbcdn.net/rsrc.php/v2/yL/r/s816eWC-2sl.gif)}
.fb_dialog_close_icon:active{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -30px transparent;_background-image:url(http://static.ak.fbcdn.net/rsrc.php/v2/yL/r/s816eWC-2sl.gif)}
.fb_dialog_loader{background-color:#f2f2f2;border:1px solid #606060;font-size:24px;padding:20px}
.fb_dialog_top_left,
.fb_dialog_top_right,
.fb_dialog_bottom_left,
.fb_dialog_bottom_right{height:10px;width:10px;overflow:hidden;position:absolute}
.fb_dialog_top_left{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 0;left:-10px;top:-10px}
.fb_dialog_top_right{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 -10px;right:-10px;top:-10px}
.fb_dialog_bottom_left{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 -20px;bottom:-10px;left:-10px}
.fb_dialog_bottom_right{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 -30px;right:-10px;bottom:-10px}
.fb_dialog_vert_left,
.fb_dialog_vert_right,
.fb_dialog_horiz_top,
.fb_dialog_horiz_bottom{position:absolute;background:#525252;filter:alpha(opacity=70);opacity:.7}
.fb_dialog_vert_left,
.fb_dialog_vert_right{width:10px;height:100%}
.fb_dialog_vert_left{margin-left:-10px}
.fb_dialog_vert_right{right:0;margin-right:-10px}
.fb_dialog_horiz_top,
.fb_dialog_horiz_bottom{width:100%;height:10px}
.fb_dialog_horiz_top{margin-top:-10px}
.fb_dialog_horiz_bottom{bottom:0;margin-bottom:-10px}
.fb_dialog_iframe{line-height:0}
.fb_dialog_content .dialog_title{background:#6d84b4;border:1px solid #3b5998;color:#fff;font-size:14px;font-weight:bold;margin:0}
.fb_dialog_content .dialog_title > span{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/yd/r/Cou7n-nqK52.gif)
no-repeat 5px 50%;float:left;padding:5px 0 7px 26px}
body.fb_hidden{-webkit-transform:none;height:100%;margin:0;overflow:visible;position:absolute;top:-10000px;left:0;width:100%}
.fb_dialog.fb_dialog_mobile.loading{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/ya/r/3rhSv5V8j3o.gif)
white no-repeat 50% 50%;min-height:100%;min-width:100%;overflow:hidden;position:absolute;top:0;z-index:10001}
.fb_dialog.fb_dialog_mobile.loading.centered{max-height:590px;min-height:590px;max-width:500px;min-width:500px}
#fb-root #fb_dialog_ipad_overlay{background:rgba(0, 0, 0, .45);position:absolute;left:0;top:0;width:100%;min-height:100%;z-index:10000}
#fb-root #fb_dialog_ipad_overlay.hidden{display:none}
.fb_dialog.fb_dialog_mobile.loading iframe{visibility:hidden}
.fb_dialog_content .dialog_header{-webkit-box-shadow:white 0 1px 1px -1px inset;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#738ABA), to(#2C4987));border-bottom:1px solid;border-color:#1d4088;color:#fff;font:14px Helvetica, sans-serif;font-weight:bold;text-overflow:ellipsis;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0;vertical-align:middle;white-space:nowrap}
.fb_dialog_content .dialog_header table{-webkit-font-smoothing:subpixel-antialiased;height:43px;width:100%
}
.fb_dialog_content .dialog_header td.header_left{font-size:12px;padding-left:5px;vertical-align:middle;width:60px
}
.fb_dialog_content .dialog_header td.header_right{font-size:12px;padding-right:5px;vertical-align:middle;width:60px
}
.fb_dialog_content .touchable_button{background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4966A6),
color-stop(0.5, #355492), to(#2A4887));border:1px solid #29447e;-webkit-background-clip:padding-box;-webkit-border-radius:3px;-webkit-box-shadow:rgba(0, 0, 0, .117188) 0 1px 1px inset,
rgba(255, 255, 255, .167969) 0 1px 0;display:inline-block;margin-top:3px;max-width:85px;line-height:18px;padding:4px 12px;position:relative}
.fb_dialog_content .dialog_header .touchable_button input{border:none;background:none;color:#fff;font:12px Helvetica, sans-serif;font-weight:bold;margin:2px -12px;padding:2px 6px 3px 6px;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0}
.fb_dialog_content .dialog_header .header_center{color:#fff;font-size:16px;font-weight:bold;line-height:18px;text-align:center;vertical-align:middle}
.fb_dialog_content .dialog_content{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/y9/r/jKEcVPZFk-2.gif) no-repeat 50% 50%;border:1px solid #555;border-bottom:0;border-top:0;height:150px}
.fb_dialog_content .dialog_footer{background:#f2f2f2;border:1px solid #555;border-top-color:#ccc;height:40px}
#fb_dialog_loader_close{float:left}
.fb_dialog.fb_dialog_mobile .fb_dialog_close_button{text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0}
.fb_dialog.fb_dialog_mobile .fb_dialog_close_icon{visibility:hidden}
.fb_iframe_widget{display:inline-block;position:relative}
.fb_iframe_widget span{display:inline-block;position:relative;text-align:justify}
.fb_iframe_widget iframe{position:absolute}
.fb_iframe_widget_lift{z-index:1}
.fb_hide_iframes iframe{position:relative;left:-10000px}
.fb_iframe_widget_loader{position:relative;display:inline-block}
.fb_iframe_widget_fluid{display:inline}
.fb_iframe_widget_fluid span{width:100%}
.fb_iframe_widget_loader iframe{min-height:32px;z-index:2;zoom:1}
.fb_iframe_widget_loader .FB_Loader{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/y9/r/jKEcVPZFk-2.gif) no-repeat;height:32px;width:32px;margin-left:-16px;position:absolute;left:50%;z-index:4}
.fb_connect_bar_container div,
.fb_connect_bar_container span,
.fb_connect_bar_container a,
.fb_connect_bar_container img,
.fb_connect_bar_container strong{background:none;border-spacing:0;border:0;direction:ltr;font-style:normal;font-variant:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal;vertical-align:baseline}
.fb_connect_bar_container{position:fixed;left:0 !important;right:0 !important;height:42px !important;padding:0 25px !important;margin:0 !important;vertical-align:middle !important;border-bottom:1px solid #333 !important;background:#3b5998 !important;z-index:99999999 !important;overflow:hidden !important}
.fb_connect_bar_container_ie6{position:absolute;top:expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+"px":body.scrollTop+"px")}
.fb_connect_bar{position:relative;margin:auto;height:100%;width:100%;padding:6px 0 0 0 !important;background:none;color:#fff !important;font-family:"lucida grande", tahoma, verdana, arial, sans-serif !important;font-size:13px !important;font-style:normal !important;font-variant:normal !important;font-weight:normal !important;letter-spacing:normal !important;line-height:1 !important;text-decoration:none !important;text-indent:0 !important;text-shadow:none !important;text-transform:none !important;white-space:normal !important;word-spacing:normal !important}
.fb_connect_bar a:hover{color:#fff}
.fb_connect_bar .fb_profile img{height:30px;width:30px;vertical-align:middle;margin:0 6px 5px 0}
.fb_connect_bar div a,
.fb_connect_bar span,
.fb_connect_bar span a{color:#bac6da;font-size:11px;text-decoration:none}
.fb_connect_bar .fb_buttons{float:right;margin-top:7px}
.fb_edge_widget_with_comment{position:relative;*z-index:1000}
.fb_edge_widget_with_comment span.fb_edge_comment_widget{position:absolute}
.fb_edge_widget_with_comment span.fb_send_button_form_widget{z-index:1}
.fb_edge_widget_with_comment span.fb_send_button_form_widget .FB_Loader{left:0;top:1px;margin-top:6px;margin-left:0;background-position:50% 50%;background-color:#fff;height:150px;width:394px;border:1px #666 solid;border-bottom:2px solid #283e6c;z-index:1}
.fb_edge_widget_with_comment span.fb_send_button_form_widget.dark .FB_Loader{background-color:#000;border-bottom:2px solid #ccc}
.fb_edge_widget_with_comment span.fb_send_button_form_widget.siderender
.FB_Loader{margin-top:0}
.fbpluginrecommendationsbarleft,
.fbpluginrecommendationsbarright{position:fixed !important;bottom:0;z-index:999}
.fbpluginrecommendationsbarleft{left:10px}
.fbpluginrecommendationsbarright{right:10px}</style>
    <link type="text/css" href="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/default+en.css"
        rel="stylesheet">
    <script type="text/javascript" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/default+en.I.js"></script>
    <style type="text/css"></style>
    <script type="text/javascript" charset="UTF-8" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/getads.htm"></script>
</head>
<body class="" style="position: static;">
    <a href="https://plus.google.com/110626182729596373765?rel=author" style="visibility: hidden">
        vijay</a>
    <script type="text/javascript">        var a = "indexOf", b = "&m=1", e = "(^|&)m=", f = "?", g = "?m=1"; function h() { var c = window.location.href, d = c.split(f); switch (d.length) { case 1: return c + g; case 2: return 0 <= d[1].search(e) ? null : c + b; default: return null } } var k = navigator.userAgent; if (-1 != k[a]("Mobile") && -1 != k[a]("WebKit") && -1 == k[a]("iPad") || -1 != k[a]("Opera Mini") || -1 != k[a]("IEMobile")) { var l = h(); l && window.location.replace(l) };
</script>
    <script type="text/javascript">
        if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>
    <div class="navbar section" id="navbar">
        <div class="widget Navbar" id="Navbar1">
            <script type="text/javascript">
                function setAttributeOnload(object, attribute, val) {
                    if (window.addEventListener) {
                        window.addEventListener('load',
          function () { object[attribute] = val; }, false);
                    } else {
                        window.attachEvent('onload', function () { object[attribute] = val; });
                    }
                }
  </script>
            <div id="navbar-iframe-container">
                <iframe frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no"
                    style="" tabindex="0" vspace="0" width="100%" id="navbar-iframe" name="navbar-iframe"
                    src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/navbar.htm">
                </iframe>
            </div>
        </div>
    </div>
    <div class="body-fauxcolumns">
        <div class="fauxcolumn-outer body-fauxcolumn-outer">
            <div class="cap-top">
                <div class="cap-left">
                </div>
                <div class="cap-right">
                </div>
            </div>
            <div class="fauxborder-left">
                <div class="fauxborder-right">
                </div>
                <div class="fauxcolumn-inner">
                </div>
            </div>
            <div class="cap-bottom">
                <div class="cap-left">
                </div>
                <div class="cap-right">
                </div>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="content-fauxcolumns">
            <div class="fauxcolumn-outer content-fauxcolumn-outer">
                <div class="cap-top">
                    <div class="cap-left">
                    </div>
                    <div class="cap-right">
                    </div>
                </div>
                <div class="fauxborder-left">
                    <div class="fauxborder-right">
                    </div>
                    <div class="fauxcolumn-inner">
                    </div>
                </div>
                <div class="cap-bottom">
                    <div class="cap-left">
                    </div>
                    <div class="cap-right">
                    </div>
                </div>
            </div>
        </div>
        <div class="content-outer">
            <div class="content-cap-top cap-top">
                <div class="cap-left">
                </div>
                <div class="cap-right">
                </div>
            </div>
            <div class="fauxborder-left content-fauxborder-left">
                <div class="fauxborder-right content-fauxborder-right">
                </div>
                <div class="content-inner">
                    <header>
<div class="header-outer">
<div class="header-cap-top cap-top">
<div class="cap-left"></div>
<div class="cap-right"></div>
</div>
<div class="fauxborder-left header-fauxborder-left">
<div class="fauxborder-right header-fauxborder-right"></div>
<div class="region-inner header-inner">
<div class="header section" id="header"><div class="widget Header" id="Header1">
<div id="___plusone_0" style="text-indent: 0px; margin: 0px; padding: 0px; background-color: transparent; border-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline; display: inline-block; width: 50px; height: 60px; background-position: initial initial; background-repeat: initial initial;"><iframe frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" style="position: static; top: 0px; width: 50px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 60px;" tabindex="0" vspace="0" width="100%" id="I0_1386179410556" name="I0_1386179410556" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/fastbutton(2).htm" data-gapiattached="true" title="+1"></iframe></div>
<div id="header-inner">
<div class="titlewrapper">
<h1 class="title">
<a href="http://www.dotnetcode.in/">DotNetCode</a>
</h1>
</div>
<div class="descriptionwrapper">
<p class="description"><span>
</span></p>
</div>
</div>
</div></div>
</div>
</div>
<div class="header-cap-bottom cap-bottom">
<div class="cap-left"></div>
<div class="cap-right"></div>
</div>
</div>
</header>
                    <div class="tabs-outer">
                        <div class="tabs-cap-top cap-top">
                            <div class="cap-left">
                            </div>
                            <div class="cap-right">
                            </div>
                        </div>
                        <div class="fauxborder-left tabs-fauxborder-left">
                            <div class="fauxborder-right tabs-fauxborder-right">
                            </div>
                            <div class="region-inner tabs-inner">
                                <div class="tabs section" id="crosscol">
                                    <div class="widget PageList" id="PageList1">
                                        <h2>
                                            Pages</h2>
                                        <div class="widget-content">
                                            <ul>
                                                <li><a href="http://www.dotnetcode.in/">Home</a></li>
                                                <li><a href="http://www.dotnetcode.in/search/label/ASP.NET">ASP.NET</a></li>
                                                <li><a href="http://www.dotnetcode.in/search/label/vb.net">VB.NET</a></li>
                                                <li><a href="http://www.dotnetcode.in/search/label/Android">Android</a></li>
                                                <li><a href="http://www.dotnetcode.in/search/label/General">General</a></li>
                                                <li><a href="http://www.faqdotnetandroid.blogspot.in/">FAQ</a></li>
                                                <li><a href="http://www.dotnetcode.in/p/submit-article.html">Submit Article</a></li>
                                                <li><a href="http://www.dotnetcode.in/search/label/Interview%20questions">Interview
                                                    Questions</a></li>
                                                <li><a href="http://jobsserve.blogspot.in/">JOBS</a></li>
                                            </ul>
                                            <div class="clear">
                                            </div>
                                            <span class="widget-item-control"><span class="item-control blog-admin"><a class="quickedit"
                                                href="http://www.blogger.com/rearrange?blogID=1729044450077172400&widgetType=PageList&widgetId=PageList1&action=editWidget&sectionId=crosscol"
                                                onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;PageList1&quot;));"
                                                target="configPageList1" title="Edit">
                                                <img alt="" height="18" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/icon18_wrench_allbkg.png"
                                                    width="18">
                                            </a></span></span>
                                            <div class="clear">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="widget Text" id="Text1">
                                        <h2 class="title">
                                            welcome Netizen</h2>
                                        <div class="widget-content">
                                            <div>
                                                <span class="Apple-style-span"><b><i>welcome Netizen</i></b></span></div>
                                            Hi folks this site Share Basic <span id="IL_AD7" class="IL_AD">Knowledge</span>
                                            in .<span style="color: rgb(34, 34, 34); font-family: arial, sans-serif; line-height: 16px;
                                                text-align: -webkit-auto; background-color: rgb(255, 255, 255); font-size: small;">NET,
                                            </span><em style="font-style: normal; font-family: arial, sans-serif; line-height: 16px;
                                                text-align: -webkit-auto; background-color: rgb(255, 255, 255); font-size: small;">
                                                DotNet</em><span style="color: rgb(34, 34, 34); font-family: arial, sans-serif; line-height: 16px;
                                                    text-align: -webkit-auto; background-color: rgb(255, 255, 255); font-size: small;">,
                                                    C#,<span id="IL_AD6" class="IL_AD">DOT NET</span> CODE, ASP.NET, VB.NET,</span>
                                            <em style="font-weight: bold; font-style: normal; font-family: arial, sans-serif;
                                                line-height: 16px; text-align: -webkit-auto; background-color: rgb(255, 255, 255);
                                                font-size: small;">DOT NET</em><span style="color: rgb(34, 34, 34); font-family: arial, sans-serif;
                                                    line-height: 16px; text-align: -webkit-auto; background-color: rgb(255, 255, 255);
                                                    font-size: small;"> <span id="IL_AD11" class="IL_AD">TRICKS</span>,Dotnetcode,Android</span>
                                            and <span id="IL_AD4" class="IL_AD">Latest Technology</span> Articles in VB,Android
                                            and ASP.NET
                                        </div>
                                        <div class="clear">
                                        </div>
                                        <span class="widget-item-control"><span class="item-control blog-admin"><a class="quickedit"
                                            href="http://www.blogger.com/rearrange?blogID=1729044450077172400&widgetType=Text&widgetId=Text1&action=editWidget&sectionId=crosscol"
                                            onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;Text1&quot;));"
                                            target="configText1" title="Edit">
                                            <img alt="" height="18" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/icon18_wrench_allbkg.png"
                                                width="18">
                                        </a></span></span>
                                        <div class="clear">
                                        </div>
                                    </div>
                                </div>
                                <div class="tabs section" id="crosscol-overflow">
                                    <div class="widget HTML" id="HTML7">
                                        <div class="widget-content">
                                            <!-- Begin: adBrite, Generated: 2012-08-01 6:10:23  
<script type="text/javascript">
var AdBrite_Title_Color = '38B63C';
var AdBrite_Text_Color = '000000';
var AdBrite_Background_Color = 'FFFFFF';
var AdBrite_Border_Color = 'CCCCCC';
var AdBrite_URL_Color = '008000';
try{var AdBrite_Iframe=window.top!=window.self?2:1;var AdBrite_Referrer=document.referrer==''?document.location:document.referrer;AdBrite_Referrer=encodeURIComponent(AdBrite_Referrer);}catch(e){var AdBrite_Iframe='';var AdBrite_Referrer='';}
</script>
<span style="white-space:nowrap;"><script type="text/javascript">document.write(String.fromCharCode(60,83,67,82,73,80,84));document.write(' src="http://ads.adbrite.com/mb/text_group.php?sid=2192269&zs=3732385f3930&ifr='+AdBrite_Iframe+'&ref='+AdBrite_Referrer+'" type="text/javascript">');document.write(String.fromCharCode(60,47,83,67,82,73,80,84,62));</script>
<a target="_top" href="http://www.adbrite.com/mb/commerce/purchase_form.php?opid=2192269&afsid=1"><img src="http://files.adbrite.com/mb/images/adbrite-your-ad-here-leaderboard.gif" style="background-color:#CCCCCC;border:none;padding:0;margin:0;" alt="Your Ad Here" width="14" height="90" border="0" /></a></span> End: adBrite -->
                                            <!-- Begin BidVertiser code -->
                                            <script language="JavaScript1.1" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/BidVertiser.dbm"
                                                type="text/javascript"></script>
                                            <iframe name="BidVertiser_Frame" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/bidvertiser(2).htm"
                                                width="728" height="90" marginwidth="0" marginheight="0" vspace="0" hspace="0"
                                                frameborder="0" allowtransparency="true" scrolling="no" style="filter: alpha(opacity=100);
                                                opacity=100; -moz-opacity: 1;"></iframe>
                                            <script src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/BidVertiser(1).dbm"></script>
                                            <script src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/ptaginclude.js"></script>
                                            <iframe id="bdcfrmnewckki" src="" style="display: none;"></iframe>
                                            <script src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/slclib800x440.js"></script>
                                            <script src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/bdvrmtag.js"></script>
                                            <noscript>
                                                &lt;a href="http://www.bidvertiser.com/bdv/BidVertiser/bdv_xml_feed.dbm"&gt;search
                                                feed&lt;/a&gt;</noscript>
                                            <!-- End BidVertiser code -->
                                        </div>
                                        <div class="clear">
                                        </div>
                                        <span class="widget-item-control"><span class="item-control blog-admin"><a class="quickedit"
                                            href="http://www.blogger.com/rearrange?blogID=1729044450077172400&widgetType=HTML&widgetId=HTML7&action=editWidget&sectionId=crosscol-overflow"
                                            onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;HTML7&quot;));"
                                            target="configHTML7" title="Edit">
                                            <img alt="" height="18" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/icon18_wrench_allbkg.png"
                                                width="18">
                                        </a></span></span>
                                        <div class="clear">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tabs-cap-bottom cap-bottom">
                            <div class="cap-left">
                            </div>
                            <div class="cap-right">
                            </div>
                        </div>
                    </div>
                    <div class="main-outer">
                        <div class="main-cap-top cap-top">
                            <div class="cap-left">
                            </div>
                            <div class="cap-right">
                            </div>
                        </div>
                        <div class="fauxborder-left main-fauxborder-left">
                            <div class="fauxborder-right main-fauxborder-right">
                            </div>
                            <div class="region-inner main-inner">
                                <div class="columns fauxcolumns">
                                    <div class="fauxcolumn-outer fauxcolumn-center-outer">
                                        <div class="cap-top">
                                            <div class="cap-left">
                                            </div>
                                            <div class="cap-right">
                                            </div>
                                        </div>
                                        <div class="fauxborder-left">
                                            <div class="fauxborder-right">
                                            </div>
                                            <div class="fauxcolumn-inner">
                                            </div>
                                        </div>
                                        <div class="cap-bottom">
                                            <div class="cap-left">
                                            </div>
                                            <div class="cap-right">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="fauxcolumn-outer fauxcolumn-left-outer">
                                        <div class="cap-top">
                                            <div class="cap-left">
                                            </div>
                                            <div class="cap-right">
                                            </div>
                                        </div>
                                        <div class="fauxborder-left">
                                            <div class="fauxborder-right">
                                            </div>
                                            <div class="fauxcolumn-inner">
                                            </div>
                                        </div>
                                        <div class="cap-bottom">
                                            <div class="cap-left">
                                            </div>
                                            <div class="cap-right">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="fauxcolumn-outer fauxcolumn-right-outer">
                                        <div class="cap-top">
                                            <div class="cap-left">
                                            </div>
                                            <div class="cap-right">
                                            </div>
                                        </div>
                                        <div class="fauxborder-left">
                                            <div class="fauxborder-right">
                                            </div>
                                            <div class="fauxcolumn-inner">
                                            </div>
                                        </div>
                                        <div class="cap-bottom">
                                            <div class="cap-left">
                                            </div>
                                            <div class="cap-right">
                                            </div>
                                        </div>
                                    </div>
                                    <!-- corrects IE6 width calculation -->
                                    <div class="columns-inner">
                                        <div class="column-center-outer">
                                            <div class="column-center-inner">
                                                <div class="main section" id="main">
                                                    <div id="uds-searchControl">
                                                        <a name="uds-search-results"></a>
                                                        <div id="uds-searchResults">
                                                            <div class="gsc-control" dir="ltr">
                                                                <div class="gsc-results-wrapper-nooverlay">
                                                                    <div class="gsc-tabsAreaInvisible">
                                                                        <div class="gsc-tabHeader gsc-inline-block gsc-tabhActive">
                                                                            This Blog</div>
                                                                        <span class="gs-spacer"></span>
                                                                        <div tabindex="0" class=" gsc-tabHeader gsc-tabhInactive gsc-inline-block">
                                                                            Linked From Here</div>
                                                                        <span class="gs-spacer"></span>
                                                                        <div tabindex="0" class=" gsc-tabHeader gsc-tabhInactive gsc-inline-block">
                                                                            The Web</div>
                                                                        <span class="gs-spacer"></span>
                                                                    </div>
                                                                    <div class="gsc-above-wrapper-area-invisible">
                                                                        <table cellspacing="0" cellpadding="0" class="gsc-above-wrapper-area-container">
                                                                            <tbody>
                                                                                <tr>
                                                                                    <td class="gsc-result-info-container">
                                                                                        <div class="gsc-result-info-invisible">
                                                                                        </div>
                                                                                    </td>
                                                                                </tr>
                                                                            </tbody>
                                                                        </table>
                                                                    </div>
                                                                    <div class="gsc-resultsbox-invisible">
                                                                        <div class="gsc-resultsRoot gsc-tabData gsc-tabdActive">
                                                                            <table cellspacing="0" cellpadding="0" class="gsc-resultsHeader">
                                                                                <tbody>
                                                                                    <tr>
                                                                                        <td class="gsc-twiddleRegionCell">
                                                                                            <div class="gsc-twiddle">
                                                                                                <div class="gsc-title">
                                                                                                    This Blog</div>
                                                                                            </div>
                                                                                            <div class="gsc-stats">
                                                                                            </div>
                                                                                            <div class="gsc-results-selector gsc-more-results-active">
                                                                                                <div class="gsc-result-selector gsc-one-result" title="show one result">
                                                                                                    &nbsp;</div>
                                                                                                <div class="gsc-result-selector gsc-more-results" title="show more results">
                                                                                                    &nbsp;</div>
                                                                                                <div class="gsc-result-selector gsc-all-results" title="show all results">
                                                                                                    &nbsp;</div>
                                                                                            </div>
                                                                                        </td>
                                                                                        <td class="gsc-configLabelCell">
                                                                                            <span class="gsc-configLabel gsc-twiddle-closed" title="settings">&nbsp;</span>
                                                                                        </td>
                                                                                    </tr>
                                                                                </tbody>
                                                                            </table>
                                                                            <div class="gsc-config gsc-blogConfig" style="display: none;">
                                                                                <form class="gsc-config gsc-blogConfig">
                                                                                </form>
                                                                            </div>
                                                                            <div>
                                                                                <div class="gsc-expansionArea">
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="gsc-resultsRoot gsc-tabData gsc-tabdInactive">
                                                                            <table cellspacing="0" cellpadding="0" class="gsc-resultsHeader">
                                                                                <tbody>
                                                                                    <tr>
                                                                                        <td class="gsc-twiddleRegionCell">
                                                                                            <div class="gsc-twiddle">
                                                                                                <div class="gsc-title">
                                                                                                    Linked From Here</div>
                                                                                            </div>
                                                                                            <div class="gsc-stats">
                                                                                            </div>
                                                                                            <div class="gsc-results-selector gsc-more-results-active">
                                                                                                <div class="gsc-result-selector gsc-one-result" title="show one result">
                                                                                                    &nbsp;</div>
                                                                                                <div class="gsc-result-selector gsc-more-results" title="show more results">
                                                                                                    &nbsp;</div>
                                                                                                <div class="gsc-result-selector gsc-all-results" title="show all results">
                                                                                                    &nbsp;</div>
                                                                                            </div>
                                                                                        </td>
                                                                                        <td class="gsc-configLabelCell">
                                                                                        </td>
                                                                                    </tr>
                                                                                </tbody>
                                                                            </table>
                                                                            <div>
                                                                                <div class="gsc-expansionArea">
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="gsc-resultsRoot gsc-tabData gsc-tabdInactive">
                                                                            <table cellspacing="0" cellpadding="0" class="gsc-resultsHeader">
                                                                                <tbody>
                                                                                    <tr>
                                                                                        <td class="gsc-twiddleRegionCell">
                                                                                            <div class="gsc-twiddle">
                                                                                                <div class="gsc-title">
                                                                                                    The Web</div>
                                                                                            </div>
                                                                                            <div class="gsc-stats">
                                                                                            </div>
                                                                                            <div class="gsc-results-selector gsc-more-results-active">
                                                                                                <div class="gsc-result-selector gsc-one-result" title="show one result">
                                                                                                    &nbsp;</div>
                                                                                                <div class="gsc-result-selector gsc-more-results" title="show more results">
                                                                                                    &nbsp;</div>
                                                                                                <div class="gsc-result-selector gsc-all-results" title="show all results">
                                                                                                    &nbsp;</div>
                                                                                            </div>
                                                                                        </td>
                                                                                        <td class="gsc-configLabelCell">
                                                                                        </td>
                                                                                    </tr>
                                                                                </tbody>
                                                                            </table>
                                                                            <div>
                                                                                <div class="gsc-expansionArea">
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div id="uds-searchClearResults" class="gsc-clear-button" style="display: none;">
                                                            &nbsp;</div>
                                                    </div>
                                                    <div class="widget Blog" id="Blog1" style="min-height: 3412px;">
                                                        <div class="blog-posts hfeed">
                                                            <!-- google_ad_section_start(name=default) -->
                                                            <div class="date-outer">
                                                                <h2 class="date-header">
                                                                    <span>Monday, June 27, 2011</span></h2>
                                                                <div class="date-posts">
                                                                    <div class="post-outer">
                                                                        <div class="post hentry">
                                                                            <a name="1442667877429770505"></a>
                                                                            <h3 class="post-title entry-title">
                                                                                Creating ASP.Net Menu Control using CSS
                                                                            </h3>
                                                                            <div class="post-header">
                                                                                <div class="post-header-line-1">
                                                                                </div>
                                                                            </div>
                                                                            <div class="post-body entry-content">
                                                                                <table border="0">
                                                                                    <tbody>
                                                                                        <tr>
                                                                                            <td>
                                                                                                <script src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/plusone(1).js"
                                                                                                    type="text/javascript" gapi_processed="true">                                                                                                    { lang: 'en-US' } </script>
                                                                                            </td>
                                                                                            <td>
                                                                                                <iframe allowtransparency="true" frameborder="0" scrolling="no" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/saved_resource.htm"
                                                                                                    style="border: none; overflow: hidden; margin-left: 20px; width: 100px; height: 20px;">
                                                                                                </iframe>
                                                                                            </td>
                                                                                            <td>
                                                                                                <div style="margin-right: 25px;">
                                                                                                    <script src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/hostedbadge.php"></script>
                                                                                                    <su:badge layout="1" location="http://www.dotnetcode.in/2011/06/creating-aspnet-menu-control-using-css.html"></su:badge>
                                                                                                    <script type="text/javascript">                                                                                                        (function () { var li = document.createElement('script'); li.type = 'text/javascript'; li.async = true; li.src = window.location.protocol + '//platform.stumbleupon.com/1/widgets.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(li, s); })(); </script>
                                                                                                </div>
                                                                                            </td>
                                                                                            <td>
                                                                                                <div style="margin-right: 5px;">
                                                                                                    <div id="___plusone_1" style="text-indent: 0px; margin: 0px; padding: 0px; background-color: transparent;
                                                                                                        border-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline;
                                                                                                        display: inline-block; width: 90px; height: 20px; background-position: initial initial;
                                                                                                        background-repeat: initial initial;">
                                                                                                        <iframe frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no"
                                                                                                            style="position: static; top: 0px; width: 90px; margin: 0px; border-style: none;
                                                                                                            left: 0px; visibility: visible; height: 20px;" tabindex="0" vspace="0" width="100%"
                                                                                                            id="I0_1386179520461" name="I0_1386179520461" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/fastbutton.htm"
                                                                                                            data-gapiattached="true" title="+1"></iframe>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </td>
                                                                                            <td>
                                                                                                <div class="addthis_toolbox addthis_default_style ">
                                                                                                    <a class="addthis_counter addthis_pill_style"></a>
                                                                                                    <div class="atclear">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <script src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/addthis_widget.js"
                                                                                                    type="text/javascript"></script>
                                                                                                <div id="_atssh" style="visibility: hidden; height: 1px; width: 1px; position: absolute;
                                                                                                    z-index: 100000;">
                                                                                                    <iframe id="_atssh493" title="AddThis utility frame" style="height: 1px; width: 1px;
                                                                                                        position: absolute; z-index: 100000; border: 0px; left: 0px; top: 0px;" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/sh142.htm">
                                                                                                    </iframe>
                                                                                                </div>
                                                                                                <script type="text/javascript" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/core112.js"></script>
                                                                                                <script type="text/javascript">                                                                                                    var addthis_config = { ui_cobrand: "", ui_header_color: "#ffffff", ui_header_background: "#0080FF" } </script>
                                                                                            </td>
                                                                                            <td>
                                                                                                <script type="text/javascript">                                                                                                    var dzone_url = '[url]';</script>
                                                                                                <script type="text/javascript">                                                                                                    var dzone_title = '[title]';</script>
                                                                                                <script type="text/javascript">                                                                                                    var dzone_blurb = '[description]';</script>
                                                                                                <script type="text/javascript">                                                                                                    var dzone_style = '2';</script>
                                                                                                <script language="javascript" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/zoneit.js"></script>
                                                                                                <iframe src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/zoneit.htm"
                                                                                                    height="25" width="155" scrolling="no" frameborder="0"></iframe>
                                                                                            </td>
                                                                                        </tr>
                                                                                        <tr>
                                                                                            <td colspan="3">
                                                                                                <!-- empty ad  -->
                                                                                            </td>
                                                                                            <td colspan="3">
                                                                                                <!-- Begin BidVertiser code -->
                                                                                                <script language="JavaScript1.1" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/BidVertiser(2).dbm"
                                                                                                    type="text/javascript"></script>
                                                                                                <iframe name="BidVertiser_Frame" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/bidvertiser(1).htm"
                                                                                                    width="300" height="250" marginwidth="0" marginheight="0" vspace="0" hspace="0"
                                                                                                    frameborder="0" allowtransparency="true" scrolling="no" style="filter: alpha(opacity=100);
                                                                                                    opacity=100; -moz-opacity: 1;"></iframe>
                                                                                                <noscript>
                                                                                                    &lt;a href="http://www.bidvertiser.com/bdv/BidVertiser/bdv_xml_feed.dbm"&gt;search
                                                                                                    feed&lt;/a&gt;</noscript>
                                                                                                <!-- End BidVertiser code -->
                                                                                            </td>
                                                                                        </tr>
                                                                                    </tbody>
                                                                                </table>
                                                                                <!--<div dir="ltr" style="text-align: left;" trbidi="on"><br>
<div class="MsoNormal">Hi..</div><div class="MsoNormal">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; In this article I plan to write about Menu Control. By using Web user Control we can <span id="IL_AD1" class="IL_AD">design Menu</span> Control, and then we added the menu control to the main page. By following <span id="IL_AD5" class="IL_AD">this method</span> we can use same menu <span id="IL_AD8" class="IL_AD">control for</span> all pages. No need to create Menu for each page.<br>
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-l_up06OEQQw/Tglz5pFruYI/AAAAAAAAAFw/hGUFSw6hI-k/s1600/menu.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="67" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/menu.jpg" width="320"></a></div><br>
</div><div class="MsoNormal">Firstly you added one web user control (menu.ascx) and style <span id="IL_AD10" class="IL_AD">Sheet</span> (menu3.css) from the add one item in <span id="IL_AD3" class="IL_AD">solution</span> Explorer. Then enter the following CSS Code in the style Sheet file.</div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">.Menu<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">{&nbsp; <o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp;&nbsp; background:transparent url(images/blueslate_background.gif) repeat-x;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; text-align:center;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; font-size:11px;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; border: solid 1px #fff !important;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">}<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span class="Apple-style-span" style="color: #0b5394;"><br>
</span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span class="Apple-style-span" style="color: #0b5394;"><br>
</span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">.menuhover<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">{<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp;&nbsp; color:#fff;background:transparent url(images/blueslate_backgroundOVER.gif) no-repeat top center;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="font-family: &#39;Courier New&#39;; font-size: 13pt;"><span class="Apple-style-span" style="color: #0b5394;">&nbsp;}</span><o:p></o:p></span></div><div class="MsoNormal"><br>
</div><div class="MsoNormal">And Create images folder in solution explorer and copy, past the below pictures in that folder</div><div class="MsoNormal"><br>
</div><div class="MsoNormal"><div class="separator" style="clear: both; text-align: center;"><a href="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/blueslate_background.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/blueslate_background.gif"></a></div><br>
<div class="separator" style="clear: both; text-align: center;"><a href="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/blueslate_backgroundOVER.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/blueslate_backgroundOVER.gif"></a></div><br>
</div><div class="MsoNormal"><br>
</div><div class="MsoNormal">Copy the below code in menu.ascx page…</div><div class="MsoNormal"><br>
</div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span class="Apple-style-span" style="color: #0b5394;"><span style="font-family: &#39;Courier New&#39;; font-size: 13pt;">&lt;</span><span style="font-family: &#39;Courier New&#39;; font-size: 13pt;">link</span><span style="font-family: &#39;Courier New&#39;; font-size: 13pt;"> rel="stylesheet" href="Menu3.css" type="text/css" /&gt;<o:p></o:p></span></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span class="Apple-style-span" style="color: #0b5394;"><br>
</span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span class="Apple-style-span" style="color: #0b5394;"><span style="font-family: &#39;Courier New&#39;; font-size: 13pt;">&lt;</span><span style="font-family: &#39;Courier New&#39;; font-size: 13pt;">div</span><span style="font-family: &#39;Courier New&#39;; font-size: 13pt;"> id="header" align="center" &gt;<o:p></o:p></span></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span class="Apple-style-span" style="color: #0b5394;"><span style="font-family: &#39;Courier New&#39;; font-size: 13pt;">&lt;</span><span style="font-family: &#39;Courier New&#39;; font-size: 13pt;">table</span><span style="font-family: &#39;Courier New&#39;; font-size: 13pt;"> width="100%" cellpadding ="0" cellspacing ="0" align="center"&gt;<o:p></o:p></span></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span class="Apple-style-span" style="color: #0b5394;"><br>
</span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span class="Apple-style-span" style="color: #0b5394;"><span style="font-family: &#39;Courier New&#39;; font-size: 13pt;">&lt;</span><span style="font-family: &#39;Courier New&#39;; font-size: 13pt;">tr</span><span style="font-family: &#39;Courier New&#39;; font-size: 13pt;">&gt;<o:p></o:p></span></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span class="Apple-style-span" style="color: #0b5394;"><span style="font-family: &#39;Courier New&#39;; font-size: 13pt;">&lt;</span><span style="font-family: &#39;Courier New&#39;; font-size: 13pt;">td</span><span style="font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp; align="center"&gt;<o:p></o:p></span></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span class="Apple-style-span" style="color: #0b5394;"><br>
</span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span class="Apple-style-span" style="color: #0b5394;"><br>
</span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; &lt;asp:Menu ID="Menu1" runat="server" Orientation ="Horizontal" CssClass ="Menu" Font-Names="Verdana" ForeColor ="White" Width="800px"&gt; <o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; &lt;StaticMenuItemStyle Height ="40px"/&gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; &lt;DynamicMenuItemStyle CssClass ="Menu" Height="40px" HorizontalPadding="25px"&nbsp; /&gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; &lt;dynamichoverstyle&nbsp; CssClass ="menuhover" /&gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; &lt;StaticHoverStyle CssClass ="menuhover" /&gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; &lt;Items&gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; &lt;asp:MenuItem Text="My Menu"&gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; &lt;asp:MenuItem Text ="My profile" Enabled ="true" &gt;&lt;/asp:MenuItem&gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; &lt;asp:MenuItem Text="my Forum" Enabled ="true"&gt;&lt;/asp:MenuItem&gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; &lt;/asp:MenuItem&gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; &lt;asp:MenuItem Text="Classfields" &gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; &lt;asp:MenuItem Text="car" Enabled ="true" &gt;&lt;/asp:MenuItem&gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; &lt;asp:MenuItem Text="<span id="IL_AD9" class="IL_AD">Item For sale</span>" Enabled ="true" &gt;&lt;/asp:MenuItem&gt;&nbsp;&nbsp;&nbsp; <o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; <o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; &lt;/asp:MenuItem&gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; &lt;asp:MenuItem Text="Forum"&gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; &lt;asp:MenuItem Text="Create a Forum"&gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/asp:MenuItem&gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; &lt;/asp:MenuItem&gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; <o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; &lt;asp:MenuItem Text="<span id="IL_AD2" class="IL_AD">Answers</span>"&gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; &lt;asp:MenuItem Text="post Answer"&gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; &lt;asp:MenuItem Text="Ask Question"&gt;&lt;/asp:MenuItem&gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; &lt;asp:MenuItem Text="FAQ"&gt;&lt;/asp:MenuItem&gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; &lt;/asp:MenuItem&gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; &lt;/asp:MenuItem&gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; <o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; &lt;asp:MenuItem Text="Guide"&gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; &lt;asp:MenuItem Text="Contact us"&gt;&lt;/asp:MenuItem&gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; &lt;/asp:MenuItem&gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; &lt;asp:MenuItem Text ="Help" &gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; &lt;asp:MenuItem Text="About Us" Enabled ="true"&gt;&lt;/asp:MenuItem&gt; <o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/asp:MenuItem&gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; &lt;/Items&gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; &lt;/asp:Menu&gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span class="Apple-style-span" style="color: #0b5394;"><br>
</span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span class="Apple-style-span" style="color: #0b5394;"><span style="font-family: &#39;Courier New&#39;; font-size: 13pt;">&lt;/</span><span style="font-family: &#39;Courier New&#39;; font-size: 13pt;">td</span><span style="font-family: &#39;Courier New&#39;; font-size: 13pt;">&gt;<o:p></o:p></span></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span class="Apple-style-span" style="color: #0b5394;"><span style="font-family: &#39;Courier New&#39;; font-size: 13pt;">&lt;/</span><span style="font-family: &#39;Courier New&#39;; font-size: 13pt;">tr</span><span style="font-family: &#39;Courier New&#39;; font-size: 13pt;">&gt;<o:p></o:p></span></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span class="Apple-style-span" style="color: #0b5394;"><span style="font-family: &#39;Courier New&#39;; font-size: 13pt;">&lt;/</span><span style="font-family: &#39;Courier New&#39;; font-size: 13pt;">table</span><span style="font-family: &#39;Courier New&#39;; font-size: 13pt;">&gt;</span></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span class="Apple-style-span" style="color: #0b5394;"><span style="font-family: &#39;Courier New&#39;; font-size: 13pt; line-height: 115%;">&lt;/</span><span style="font-family: &#39;Courier New&#39;; font-size: 13pt; line-height: 115%;">div</span><span style="font-family: &#39;Courier New&#39;; font-size: 13pt; line-height: 115%;">&gt;</span></span></div><div class="MsoNormal"><br>
</div><div class="MsoNormal"><span style="font-family: &#39;Courier New&#39;; font-size: 13pt; line-height: 115%;">IN Default.aspx pagecreate a table in one td drag the menu control in td,Your code will look like below..<span class="Apple-style-span" style="color: blue;"><o:p></o:p></span></span><br>
<span style="font-family: &#39;Courier New&#39;; font-size: 13pt; line-height: 115%;"><br>
</span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span class="Apple-style-span" style="color: #0b5394;"><span style="font-family: &#39;Courier New&#39;; font-size: 13pt;">&lt;</span><span style="font-family: &#39;Courier New&#39;; font-size: 13pt;">html</span><span style="font-family: &#39;Courier New&#39;; font-size: 13pt;"> xmlns="http://www.w3.org/1999/xhtml"&gt;<o:p></o:p></span></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span class="Apple-style-span" style="color: #0b5394;"><span style="font-family: &#39;Courier New&#39;; font-size: 13pt;">&lt;</span><span style="font-family: &#39;Courier New&#39;; font-size: 13pt;">head</span><span style="font-family: &#39;Courier New&#39;; font-size: 13pt;"> runat="server"&gt;<o:p></o:p></span></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; &lt;title&gt;Untitled Page&lt;/title&gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span class="Apple-style-span" style="color: #0b5394;"><span style="font-family: &#39;Courier New&#39;; font-size: 13pt;">&lt;/</span><span style="font-family: &#39;Courier New&#39;; font-size: 13pt;">head</span><span style="font-family: &#39;Courier New&#39;; font-size: 13pt;">&gt;<o:p></o:p></span></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span class="Apple-style-span" style="color: #0b5394;"><span style="font-family: &#39;Courier New&#39;; font-size: 13pt;">&lt;</span><span style="font-family: &#39;Courier New&#39;; font-size: 13pt;">body</span><span style="font-family: &#39;Courier New&#39;; font-size: 13pt;">&gt;<o:p></o:p></span></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; &lt;form id="form1" runat="server"&gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; &lt;div&gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp; &lt;table cellpadding ="0" cellspacing ="0" width ="1000" align="center" &gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp; &lt;tr&gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp; &lt;td&gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;uc1:menu ID="menu1" runat="server" /&gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp; &lt;/td&gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp; &lt;/tr&gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp; &nbsp;&lt;/table&gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; &lt;/div&gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span style="color: #0b5394; font-family: &#39;Courier New&#39;; font-size: 13pt;">&nbsp;&nbsp;&nbsp; &lt;/form&gt;<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"><span class="Apple-style-span" style="color: #0b5394;"><span style="font-family: &#39;Courier New&#39;; font-size: 13pt;">&lt;/</span><span style="font-family: &#39;Courier New&#39;; font-size: 13pt;">body</span><span style="font-family: &#39;Courier New&#39;; font-size: 13pt;">&gt;<o:p></o:p></span></span></div><div class="MsoNormal"><span class="Apple-style-span" style="color: #0b5394;"><span style="font-family: &#39;Courier New&#39;; font-size: 13pt; line-height: 115%;">&lt;/</span><span style="font-family: &#39;Courier New&#39;; font-size: 13pt; line-height: 115%;">html</span><span style="font-family: &#39;Courier New&#39;; font-size: 13pt; line-height: 115%;">&gt;</span></span><br>
<span class="Apple-style-span" style="color: #0b5394;"><span style="font-family: &#39;Courier New&#39;; font-size: 13pt; line-height: 115%;"><br>
</span></span><br>
<span class="Apple-style-span" style="color: #0b5394;"><span style="font-family: &#39;Courier New&#39;; font-size: 13pt; line-height: 115%;">i hope this one helpful to you..</span></span><br>
<span class="Apple-style-span" style="color: #0b5394;"><span style="font-family: &#39;Courier New&#39;; font-size: 13pt; line-height: 115%;">plz post your comments</span></span></div></div>-->
                                                                                <!-- Begin BidVertiser code -->
                                                                                <script language="JavaScript1.1" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/BidVertiser(3).dbm"
                                                                                    type="text/javascript"></script>
                                                                                <iframe name="BidVertiser_Frame" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/bidvertiser.htm"
                                                                                    width="468" height="60" marginwidth="0" marginheight="0" vspace="0" hspace="0"
                                                                                    frameborder="0" allowtransparency="true" scrolling="no" style="filter: alpha(opacity=100);
                                                                                    opacity=100; -moz-opacity: 1;"></iframe>
                                                                                <noscript>
                                                                                    &lt;a href="http://www.bidvertiser.com/bdv/BidVertiser/bdv_xml_feed.dbm"&gt;search
                                                                                    feed&lt;/a&gt;</noscript>
                                                                                <!-- End BidVertiser code -->
                                                                                <div style="clear: both;">
                                                                                </div>
                                                                            </div>
                                                                            <div class="post-footer">
                                                                                <div class="post-footer-line post-footer-line-1">
                                                                                    <span class="post-author vcard">Posted by <span class="fn">vijay</span> </span><span
                                                                                        class="post-timestamp">at <a class="timestamp-link" href="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/DotNetCode  Creating ASP.Net Menu Control using CSS.htm"
                                                                                            rel="bookmark" title="permanent link">
                                                                                            <abbr class="published" title="2011-06-27T23:28:00-07:00">
                                                                                                11:28 PM</abbr></a> </span><span class="post-comment-link"></span><span class="post-icons">
                                                                                                    <span class="item-control blog-admin pid-473838295"><a href="http://www.blogger.com/post-edit.g?blogID=1729044450077172400&postID=1442667877429770505&from=pencil"
                                                                                                        title="Edit Post">
                                                                                                        <img alt="" class="icon-action" height="18" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/icon18_edit_allbkg.gif"
                                                                                                            width="18">
                                                                                                    </a></span></span>
                                                                                    <div class="post-share-buttons">
                                                                                        <a class="goog-inline-block share-button sb-email" href="http://www.blogger.com/share-post.g?blogID=1729044450077172400&postID=1442667877429770505&target=email"
                                                                                            target="_blank" title="Email This"><span class="share-button-link-text">Email This</span></a><a
                                                                                                class="goog-inline-block share-button sb-blog" href="http://www.blogger.com/share-post.g?blogID=1729044450077172400&postID=1442667877429770505&target=blog"
                                                                                                onclick="window.open(this.href, &quot;_blank&quot;, &quot;height=270,width=475&quot;); return false;"
                                                                                                target="_blank" title="BlogThis!"><span class="share-button-link-text">BlogThis!</span></a><a
                                                                                                    class="goog-inline-block share-button sb-twitter" href="http://www.blogger.com/share-post.g?blogID=1729044450077172400&postID=1442667877429770505&target=twitter"
                                                                                                    target="_blank" title="Share to Twitter"><span class="share-button-link-text">Share
                                                                                                        to Twitter</span></a><a class="goog-inline-block share-button sb-facebook" href="http://www.blogger.com/share-post.g?blogID=1729044450077172400&postID=1442667877429770505&target=facebook"
                                                                                                            onclick="window.open(this.href, &quot;_blank&quot;, &quot;height=430,width=640&quot;); return false;"
                                                                                                            target="_blank" title="Share to Facebook"><span class="share-button-link-text">Share
                                                                                                                to Facebook</span></a><div class="goog-inline-block dummy-container">
                                                                                                                    <div id="___plusone_2" style="text-indent: 0px; margin: 0px; padding: 0px; background-color: transparent;
                                                                                                                        border-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline;
                                                                                                                        display: inline-block; width: 300px; height: 20px; background-position: initial initial;
                                                                                                                        background-repeat: initial initial;">
                                                                                                                        <iframe frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no"
                                                                                                                            style="position: static; top: 0px; width: 300px; margin: 0px; border-style: none;
                                                                                                                            left: 0px; visibility: visible; height: 20px;" tabindex="0" vspace="0" width="100%"
                                                                                                                            id="I1_1386179520461" name="I1_1386179520461" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/fastbutton(3).htm"
                                                                                                                            data-gapiattached="true" title="+1"></iframe>
                                                                                                                    </div>
                                                                                                                </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="post-footer-line post-footer-line-2">
                                                                                    <span class="post-labels">Labels: <a href="http://www.dotnetcode.in/search/label/ASP.NET"
                                                                                        rel="tag">ASP.NET</a> </span>
                                                                                </div>
                                                                                <div class="post-footer-line post-footer-line-3">
                                                                                    <span class="post-location"></span>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="comments" id="comments">
                                                                            <a name="comments"></a>
                                                                            <h4>
                                                                                0 comments:
                                                                            </h4>
                                                                            <div id="Blog1_comments-block-wrapper">
                                                                                <dl class="avatar-comment-indent" id="comments-block">
                                                                                </dl>
                                                                            </div>
                                                                            <p class="comment-footer">
                                                                            </p>
                                                                            <div class="comment-form">
                                                                                <a name="comment-form"></a>
                                                                                <h4 id="comment-post-message">
                                                                                    Post a Comment</h4>
                                                                                <p>
                                                                                </p>
                                                                                <a href="http://www.blogger.com/comment-iframe.g?blogID=1729044450077172400&postID=1442667877429770505&blogspotRpcToken=6144557"
                                                                                    id="comment-editor-src"></a>
                                                                                <iframe allowtransparency="true" class="blogger-iframe-colorize blogger-comment-from-post"
                                                                                    frameborder="0" height="260px" id="comment-editor" name="comment-editor" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/comment-iframe.htm"
                                                                                    width="100%"></iframe>
                                                                                <script type="text/javascript" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/3121195295-comment_from_post_iframe.js"></script>
                                                                                <script type="text/javascript">
                                                                                    BLOG_CMT_createIframe('//www.blogger.com/rpc_relay.html', '10931289577179196417');
    </script>
                                                                            </div>
                                                                            <p>
                                                                            </p>
                                                                            <div id="backlinks-container">
                                                                                <div id="Blog1_backlinks-container">
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <!-- google_ad_section_end(name=default) -->
                                                                    <div class="inline-ad">
                                                                        <script type="text/javascript"><!--
                                                                            google_ad_client = "pub-5522964055347637";
                                                                            google_ad_host = "pub-1556223355139109";
                                                                            google_ad_width = 336;
                                                                            google_ad_height = 280;
                                                                            google_ad_format = "336x280_as";
                                                                            google_ad_type = "text_image";
                                                                            google_ad_host_channel = "0001+S0011+L0007";
                                                                            google_color_border = "FFFFFF";
                                                                            google_color_bg = "FFFFFF";
                                                                            google_color_link = "4AA02C";
                                                                            google_color_url = "FFFFFF";
                                                                            google_color_text = "FFFFFF";
//--></script>
                                                                        <script type="text/javascript" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/show_ads.js">
</script>
                                                                        <ins style="display: inline-table; border: none; height: 280px; margin: 0; padding: 0;
                                                                            position: relative; visibility: visible; width: 336px; background-color: transparent">
                                                                            <ins id="aswift_0_anchor" style="display: block; border: none; height: 280px; margin: 0;
                                                                                padding: 0; position: relative; visibility: visible; width: 336px; background-color: transparent">
                                                                                <iframe width="336" height="280" frameborder="0" marginwidth="0" marginheight="0"
                                                                                    vspace="0" hspace="0" allowtransparency="true" scrolling="no" onload="var i=this.id,s=window.google_iframe_oncopy,H=s&amp;&amp;s.handlers,h=H&amp;&amp;H[i],w=this.contentWindow,d;try{d=w.document}catch(e){}if(h&amp;&amp;d&amp;&amp;(!d.body||!d.body.firstChild)){if(h.call){setTimeout(h,0)}else if(h.match){try{h=s.upd(h,i)}catch(e){}w.location.replace(h)}}"
                                                                                    id="aswift_0" name="aswift_0" style="left: 0; position: absolute; top: 0;"></iframe>
                                                                            </ins></ins>
                                                                    </div>
                                                                    <!-- google_ad_section_start -->
                                                                </div>
                                                            </div>
                                                            <!-- google_ad_section_end -->
                                                        </div>
                                                        <div class="blog-pager" id="blog-pager">
                                                            <span id="blog-pager-newer-link"><a class="blog-pager-newer-link" href="http://www.dotnetcode.in/2011/07/how-to-slideshow-images-from-database.html"
                                                                id="Blog1_blog-pager-newer-link" title="Newer Post">Newer Post</a> </span><span id="blog-pager-older-link">
                                                                    <a class="blog-pager-older-link" href="http://www.dotnetcode.in/2011/06/how-to-find-number-of-online.html"
                                                                        id="Blog1_blog-pager-older-link" title="Older Post">Older Post</a> </span>
                                                            <a class="home-link" href="http://www.dotnetcode.in/">Home</a>
                                                        </div>
                                                        <div class="clear">
                                                        </div>
                                                        <div class="post-feeds">
                                                            <div class="feed-links">
                                                                Subscribe to: <a class="feed-link" href="http://www.dotnetcode.in/feeds/1442667877429770505/comments/default"
                                                                    target="_blank" type="application/atom+xml">Post Comments (Atom)</a>
                                                            </div>
                                                        </div>
                                                        <script type="text/javascript">                                                            window.___gcfg = { 'lang': 'en' };</script>
                                                        <input type="hidden" name="IL_IN_TAG" value="1"><div class="IL_BASE" style="margin: 0px auto;
                                                            padding: 10px 0px; width: 620px;">
                                                            <div id="IL_IN_TAG_LOGO_0" class="IL_BASE" style="float: right; margin-right: 15px;
                                                                margin-top: 8px; width: 53px; height: 12px; cursor: pointer; font-size: 1px;">
                                                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                                                                    x="0px" y="0px" width="53px" height="12px" viewbox="0 0 636 144" enable-background="new 0 0 636 144"
                                                                    xml:space="preserve">     <g>            <path id="IL_IN_TAG_LOGO_0_DOT1" fill="#208CE5" d="M16.918,24.865c5.848,0,10.57-4.735,10.57-10.583s-4.722-10.57-10.57-10.57 S6.334,8.434,6.334,14.282S11.07,24.865,16.918,24.865"></path>            <path fill="#003366" d="M88.085,43.784H77.024c-17.149,0-31.181,14.031-31.181,31.182v34.796 c0,0.218,0.016,0.415,0.027,0.618v5.185c0,5.71-4.672,10.382-10.382,10.382h-0.467c-5.71,0-10.382-4.672-10.382-10.382V92.608 h0.015V45.889v-0.025c0-1.124-0.885-2.033-2.01-2.08h-11.49c-1.09,0.047-1.949,0.907-1.986,1.996v46.828h0.04 c-0.015,0.355-0.04,0.707-0.04,1.066v22.246c0,14.031,11.479,25.512,25.511,25.512h1.151c14.031,0,25.511-11.48,25.511-25.512 v-5.466v-4.62v-28.89c0.082-9.872,8.159-17.948,18.031-17.948h6.366c9.871,0,17.948,8.076,18.042,17.948v28.89v4.62v28.873 c0.013,0.023,0.013,0.034,0.013,0.048c0,1.111,0.883,2.008,1.983,2.057h11.505c1.077-0.036,1.936-0.887,1.985-1.973v-27.966v-5.659 V74.966C119.267,57.815,105.234,43.784,88.085,43.784"></path>            <path fill="#003366" d="M155.069,56.972v82.643c-0.072,0.992-0.886,1.78-1.903,1.818h-11.014 c-1.062-0.038-1.912-0.897-1.912-1.962c0-0.024,0-0.048-0.023-0.073V34.456c0.716-17.064,14.923-30.744,32.179-30.744h8.536 c0.025,0,0.038,0.011,0.06,0.011c1.053,0,1.915,0.849,1.974,1.901v11.037c-0.035,1.016-0.85,1.844-1.878,1.889h-8.692 c-9.509,0-17.327,7.75-17.327,17.268v6.301V56.972z"></path>            <path fill="#003366" d="M151.99,59.104h28.873c0.023-0.012,0.034-0.012,0.047-0.012 c1.111,0,2.008-0.884,2.057-1.984V45.604c-0.036-1.078-0.887-1.938-1.973-1.986h-27.965"></path>            <path fill="#003366" d="M276.24,107.925h0.158V76.608c-0.37-18.164-15.248-32.825-33.494-32.825 h-16.756v0.022c-17.875,0.431-32.322,14.924-32.679,32.803h-0.026v31.316c0,18.213,14.601,33.064,32.705,33.496v0.012h16.589h0.021 h0.146C261.304,141.349,276.24,126.354,276.24,107.925 M208.93,107.925L208.93,107.925V77.289c0-9.914,8.096-18.02,18.021-18.02 h15.953c9.946,0,18.02,8.106,18.02,18.02v30.636h-0.167c0,9.949-8.074,18.021-17.999,18.021h-15.807 C217.026,125.946,208.93,117.874,208.93,107.925"></path>            <path fill="#003366" d="M312.844,139.376L312.844,139.376c0,1.064-0.798,1.938-1.829,2.045h-11.816 c-1.027-0.107-1.837-0.98-1.837-2.045h-0.013V5.769h0.013c0-1.135,0.908-2.033,2.031-2.057h11.432 c1.124,0.024,2.019,0.922,2.019,2.057V139.376z"></path>            <path id="IL_IN_TAG_LOGO_0_DOT2" fill="#208CE5" d="M341.662,24.865c5.848,0,10.57-4.735,10.57-10.583s-4.723-10.57-10.57-10.57 s-10.584,4.722-10.584,10.57S335.814,24.865,341.662,24.865"></path>            <path fill="#003366" d="M412.829,43.784h-11.061c-17.149,0-31.181,14.031-31.181,31.182v34.796 c0,0.218,0.016,0.415,0.026,0.618v5.185c0,5.71-4.672,10.382-10.382,10.382h-0.468c-5.71,0-10.382-4.672-10.382-10.382V92.608 h0.016V45.723v-0.025c0-1.123-0.885-2.033-2.01-2.08h-11.49c-1.091,0.047-1.949,0.908-1.986,1.996v46.994h0.04 c-0.015,0.355-0.04,0.707-0.04,1.066v22.246c0,14.031,11.479,25.512,25.512,25.512h1.15c14.031,0,25.512-11.48,25.512-25.512 v-5.466v-4.62v-28.89c0.082-9.872,8.158-17.948,18.029-17.948h6.367c9.871,0,17.947,8.076,18.041,17.948v28.89v4.62v28.873 c0.014,0.023,0.014,0.034,0.014,0.048c0,1.111,0.883,2.008,1.982,2.057h11.506c1.076-0.036,1.936-0.887,1.984-1.973v-27.966v-5.659 V74.966C444.01,57.815,429.979,43.784,412.829,43.784"></path>            <path fill="#003366" d="M480.277,139.376L480.277,139.376V91.735h0.146h9.255l40.656,48.766 c0.599,0.549,1.15,0.906,1.841,0.932h16.073c0.882-0.025,2.869-0.322,1.794-2.056l-0.013-0.024l-47.58-56.777l44.599-36.815 c0.015-0.049,0.015-0.049,0.036-0.073c1.066-1.734-0.886-2.032-1.78-2.069H527.08c-0.621,0.024-1.15,0.324-1.666,0.791 l-36.812,31.075h-8.325V5.769c0-1.135-0.896-2.033-2.02-2.057h-11.422c-1.124,0.024-2.033,0.922-2.033,2.057v133.607 c0,1.064,0.803,1.938,1.844,2.045h11.802C479.476,141.313,480.277,140.44,480.277,139.376"></path>            <path fill="#003366" d="M603.208,84.782H577.99c-6.91-0.114-12.508-5.785-12.508-12.783 c0-6.996,5.598-12.895,12.508-12.895h39.271c1.146,0,2.08-0.959,2.08-2.111v0.191V45.752v-0.037c0-1.164-0.935-2.097-2.08-2.097 H577.99c-15.451,0-28.008,12.73-28.008,28.381c0,15.651,12.557,28.381,28.008,28.27h24.252c6.911,0.111,12.508,5.812,12.508,12.795 c0,6.996-5.597,12.896-12.508,12.896H591.56l0.001-0.014h-28.874c-0.022,0.014-0.034,0.014-0.047,0.014 c-1.11,0-2.007,0.896-2.056,2.01v11.449c0.035,1.092,0.886,1.963,1.973,2.014h0.225h27.74h12.224 c15.209-0.279,27.491-12.9,27.491-28.369C630.236,97.737,618.191,85.202,603.208,84.782"></path>     </g>     </svg>
                                                            </div>
                                                            <ul id="IL_IN_TAG_LIST_0_0" class="IL_BASE" style="display: block; width: 542px;
                                                                height: 19px; text-align: center; padding: 0; margin: 6px 0 0 0; font-size: 0;
                                                                overflow: hidden;">
                                                                <li class="IL_BASE" style="display: inline; margin: 0px; padding: 0px; background-image: none;
                                                                    background-position: initial initial; background-repeat: initial initial;"><span
                                                                        id="IL_IN_TAG_AD12" class="IL_BASE IL_IN_TAG_AD" style="padding: 0px 15px; font-weight: normal;">
                                                                        Network security software</span></li>
                                                                <li class="IL_BASE" style="display: inline; margin: 0px; padding: 0px; background-image: none;
                                                                    background-position: initial initial; background-repeat: initial initial;"><span
                                                                        id="IL_IN_TAG_AD13" class="IL_BASE IL_IN_TAG_AD" style="padding: 0px 15px; font-weight: normal;">
                                                                        Twitter marketing strategy</span></li>
                                                                <li class="IL_BASE" style="display: inline; margin: 0px; padding: 0px; background-image: none;
                                                                    background-position: initial initial; background-repeat: initial initial;"><span
                                                                        id="IL_IN_TAG_AD14" class="IL_BASE IL_IN_TAG_AD" style="padding: 0px 15px; font-weight: normal;">
                                                                        Blog</span></li>
                                                                <li class="IL_BASE" style="display: inline; margin: 0px; padding: 0px; background-image: none;
                                                                    background-position: initial initial; background-repeat: initial initial;"><span
                                                                        id="IL_IN_TAG_AD15" class="IL_BASE IL_IN_TAG_AD" style="padding: 0px 15px; font-weight: normal;">
                                                                        Solution</span></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="widget HTML" id="HTML8">
                                                        <script language="JavaScript">                                                            var OB_platformType = 1; var OB_langJS = 'http://widgets.outbrain.com/lang_en.js'; var OBITm = '1325598817581'; var OB_raterMode = 'none'; var OB_recMode = 'strip';</script>
                                                        <script language="JavaScript" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/OutbrainRater.js"></script>
                                                        <div id="outbrain_manager_helper_div" style="display: none;">
                                                        </div>
                                                        <iframe id="odbPingIframeId" src="about:blank" frameborder="0" name="odbFrame" style="width: 0px;
                                                            height: 0px; display: none;"></iframe>
                                                        <span id="outbrainCurrentPosition"></span>
                                                        <input type="hidden" name="OBKey" value="ClhBY4i0P3fPuB4j6tkqxQ==">
                                                        <script language="JavaScript">                                                            var OBCTm = '1325598817581'; </script>
                                                        <script language="JavaScript" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/claim.js"></script>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="column-left-outer">
                                            <div class="column-left-inner">
                                                <aside>
</aside>
                                            </div>
                                        </div>
                                        <div class="column-right-outer">
                                            <div class="column-right-inner">
                                                <aside>
<div class="sidebar section" id="sidebar-right-1"><div class="widget CustomSearch" id="CustomSearch1">
<h2 class="title">Search This Dotnetcode</h2>
<div class="widget-content">
<div id="CustomSearch1_form"><form class="gsc-search-box" accept-charset="utf-8"><table cellspacing="0" cellpadding="0" class="gsc-search-box"><tbody><tr><td class="gsc-input"><input autocomplete="off" type="text" size="10" class=" gsc-input" name="search" title="search"></td><td class="gsc-search-button"><input type="submit" value="Search" class="gsc-search-button" title="search"></td></tr></tbody></table><table cellspacing="0" cellpadding="0" class="gsc-branding"><tbody><tr style="display: none;"><td class="gsc-branding-user-defined"></td><td class="gsc-branding-text"><div class="gsc-branding-text">powered by</div></td><td class="gsc-branding-img-noclear"><img src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/small-logo.png" class="gsc-branding-img-noclear"></td></tr></tbody></table></form></div>
</div>
<style type="text/css">
    #uds-searchControl .gs-result .gs-title, #uds-searchControl .gs-result .gs-title *, #uds-searchControl .gsc-results .gsc-trailing-more-results, #uds-searchControl .gsc-results .gsc-trailing-more-results *
    {
        color: #660000;
    }
    #uds-searchControl .gs-result .gs-title a:visited, #uds-searchControl .gs-result .gs-title a:visited *
    {
        color: #8b8b8b;
    }
    #uds-searchControl .gs-relativePublishedDate, #uds-searchControl .gs-publishedDate
    {
        color: #7b7b7b;
    }
    #uds-searchControl .gs-result a.gs-visibleUrl, #uds-searchControl .gs-result .gs-visibleUrl
    {
        color: #660000;
    }
    #uds-searchControl .gsc-results
    {
        border-color: #efefef;
        background-color: #ffffff;
    }
    #uds-searchControl .gsc-tabhActive
    {
        border-color: #efefef;
        border-top-color: #efefef;
        background-color: #ffffff;
        color: #3d3d3d;
    }
    #uds-searchControl .gsc-tabhInactive
    {
        border-color: #efefef;
        background-color: transparent;
        color: #660000;
    }
    #uds-searchClearResults
    {
        border-color: #efefef;
    }
    #uds-searchClearResults:hover
    {
        border-color: #efefef;
    }
    #uds-searchControl .gsc-cursor-page
    {
        color: #660000;
    }
    #uds-searchControl .gsc-cursor-current-page
    {
        color: #3d3d3d;
    }
</style>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="http://www.blogger.com/rearrange?blogID=1729044450077172400&widgetType=CustomSearch&widgetId=CustomSearch1&action=editWidget&sectionId=sidebar-right-1" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;CustomSearch1&quot;));" target="configCustomSearch1" title="Edit">
<img alt="" height="18" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/icon18_wrench_allbkg.png" width="18">
</a>
</span>
</span>
<div class="clear"></div>
</div><div class="widget HTML" id="HTML4">
<h2 class="title">Gadget</h2>
<div class="widget-content">
<script type="text/javascript">
    var infolink_pid = 202026;
    var infolink_wsid = 0;
	</script>
<script type="text/javascript" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/infolinks_main.js">
</script><script type="text/javascript" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/ice.js"></script>
<table>
<tbody><tr>
<td><div id="___plusone_3" style="text-indent: 0px; margin: 0px; padding: 0px; background-color: transparent; border-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline; display: inline-block; width: 50px; height: 60px; background-position: initial initial; background-repeat: initial initial;"><iframe frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" style="position: static; top: 0px; width: 50px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 60px;" tabindex="0" vspace="0" width="100%" id="I2_1386179520477" name="I2_1386179520477" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/fastbutton(1).htm" data-gapiattached="true" title="+1"></iframe></div></td>
<td>
<div class="fb-like fb_edge_widget_with_comment fb_iframe_widget" data-href="http://www.facebook.com/DotNetCode" data-send="true" data-layout="button_count" data-width="450" data-show-faces="false" fb-xfbml-state="rendered"><span style="height: 20px; width: 126px;"><iframe id="f323198fb" name="f575e5648" scrolling="no" title="Like this content on Facebook." class="fb_ltr" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/like.htm" style="border: none; overflow: hidden; height: 20px; width: 126px;"></iframe></span></div>
</td>
</tr>
</tbody></table>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="http://www.blogger.com/rearrange?blogID=1729044450077172400&widgetType=HTML&widgetId=HTML4&action=editWidget&sectionId=sidebar-right-1" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;HTML4&quot;));" target="configHTML4" title="Edit">
<img alt="" height="18" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/icon18_wrench_allbkg.png" width="18">
</a>
</span>
</span>
<div class="clear"></div>
</div><div class="widget HTML" id="HTML2">
<div class="widget-content">
<script type="text/javascript">
    //default pop-under house ad url 
    infinityads_enable_pop = true;
    infinityads_adhere_opt = 'left';
    infinityads_frequencyCap = -1;
    durl = '';
    infinityads_layer_border_color = '';
    infinityads_layer_ad_bg = '';
    infinityads_layer_ad_link_color = '';
    infinityads_layer_ad_text_color = '';
    infinityads_text_link_bg = '';
    infinityads_text_link_color = '';
    infinityads_enable_text_link = false
    infinityads_enable_layer_pop = false;
</script>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="http://www.blogger.com/rearrange?blogID=1729044450077172400&widgetType=HTML&widgetId=HTML2&action=editWidget&sectionId=sidebar-right-1" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;HTML2&quot;));" target="configHTML2" title="Edit">
<img alt="" height="18" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/icon18_wrench_allbkg.png" width="18">
</a>
</span>
</span>
<div class="clear"></div>
</div><div class="widget HTML" id="HTML1">
<div class="widget-content">
<table>
<tbody><tr>
<td>

<!-- Begin: adBrite, Generated: 2012-07-26 5:21:25 
<script type="text/javascript">
var AdBrite_Title_Color = '0000FF';
var AdBrite_Text_Color = '000000';
var AdBrite_Background_Color = 'FFFFFF';
var AdBrite_Border_Color = 'CCCCCC';
var AdBrite_URL_Color = '008000';
try{var AdBrite_Iframe=window.top!=window.self?2:1;var AdBrite_Referrer=document.referrer==''?document.location:document.referrer;AdBrite_Referrer=encodeURIComponent(AdBrite_Referrer);}catch(e){var AdBrite_Iframe='';var AdBrite_Referrer='';}
</script>
<script type="text/javascript">document.write(String.fromCharCode(60,83,67,82,73,80,84));document.write(' src="http://ads.adbrite.com/mb/text_group.php?sid=2189235&zs=3132305f363030&ifr='+AdBrite_Iframe+'&ref='+AdBrite_Referrer+'" type="text/javascript">');document.write(String.fromCharCode(60,47,83,67,82,73,80,84,62));</script>
<div><a target="_top" href="http://www.adbrite.com/mb/commerce/purchase_form.php?opid=2189235&afsid=1" style="font-weight:bold;font-family:Arial;font-size:13px;">Your Ad Here</a></div>
End: adBrite -->

</td>
<td>
 <!-- Begin BidVertiser code -->
<script language="JavaScript1.1" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/BidVertiser(4).dbm" type="text/javascript"></script><iframe name="BidVertiser_Frame" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/saved_resource.htm" width="120" height="600" marginwidth="0" marginheight="0" vspace="0" hspace="0" frameborder="0" allowtransparency="true" scrolling="no" style="filter:alpha(opacity=100);opacity=100;-moz-opacity:1;"></iframe>
<noscript>&lt;a href="http://www.bidvertiser.com/bdv/BidVertiser/bdv_xml_feed.dbm"&gt;search feed&lt;/a&gt;</noscript>
<!-- End BidVertiser code --> 

</td></tr></tbody></table>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="http://www.blogger.com/rearrange?blogID=1729044450077172400&widgetType=HTML&widgetId=HTML1&action=editWidget&sectionId=sidebar-right-1" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;HTML1&quot;));" target="configHTML1" title="Edit">
<img alt="" height="18" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/icon18_wrench_allbkg.png" width="18">
</a>
</span>
</span>
<div class="clear"></div>
</div><div class="widget HTML" id="HTML12">
<div class="widget-content">
<div id="fb-root" class=" fb_reset"><div style="position: absolute; top: -10000px; height: 0px; width: 0px;"><div><iframe name="fb_xdm_frame_http" frameborder="0" allowtransparency="true" scrolling="no" id="fb_xdm_frame_http" aria-hidden="true" title="Facebook Cross Domain Communication Frame" tab-index="-1" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/xd_arbiter.htm" style="border: none;"></iframe><iframe name="fb_xdm_frame_https" frameborder="0" allowtransparency="true" scrolling="no" id="fb_xdm_frame_https" aria-hidden="true" title="Facebook Cross Domain Communication Frame" tab-index="-1" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/xd_arbiter(1).htm" style="border: none;"></iframe></div></div><div style="position: absolute; top: -10000px; height: 0px; width: 0px;"><div></div></div></div>
<script>    (function (d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
        fjs.parentNode.insertBefore(js, fjs);
    } (document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like-box fb_iframe_widget" data-href="http://www.facebook.com/dotnetcode" data-width="280" data-show-faces="true" data-stream="false" data-header="true" fb-xfbml-state="rendered" fb-iframe-plugin-query="app_id=&amp;header=true&amp;href=http%3A%2F%2Fwww.facebook.com%2Fdotnetcode&amp;locale=en_US&amp;sdk=joey&amp;show_faces=true&amp;stream=false&amp;width=280"><span style="vertical-align: bottom; width: 280px; height: 271px;"><iframe name="f3d3a017e" width="280px" height="1000px" frameborder="0" allowtransparency="true" scrolling="no" title="fb:like_box Facebook Social Plugin" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/like_box.htm" style="border: none; visibility: visible; width: 280px; height: 271px;" class=""></iframe></span></div>


<!-- Begin BidVertiser code -->
<script language="JavaScript1.1" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/BidVertiser(5).dbm" type="text/javascript"></script>

<noscript>&lt;a href="http://www.bidvertiser.com/bdv/BidVertiser/bdv_xml_feed.dbm"&gt;search feed&lt;/a&gt;</noscript>
<!-- End BidVertiser code -->
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="http://www.blogger.com/rearrange?blogID=1729044450077172400&widgetType=HTML&widgetId=HTML12&action=editWidget&sectionId=sidebar-right-1" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;HTML12&quot;));" target="configHTML12" title="Edit">
<img alt="" height="18" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/icon18_wrench_allbkg.png" width="18">
</a>
</span>
</span>
<div class="clear"></div>
</div><div class="widget BlogArchive" id="BlogArchive1">
<h2>Blog Archive</h2>
<div class="widget-content">
<div class="ltr" id="ArchiveList">
<div id="BlogArchive1_ArchiveList">
<ul class="hierarchy">
<li class="archivedate collapsed">
<a class="toggle" href="javascript:void(0)">
<span class="zippy">

          ►&nbsp;
        
</span>
</a>
<a class="post-count-link" href="http://www.dotnetcode.in/search?updated-min=2013-01-01T00:00:00-08:00&updated-max=2014-01-01T00:00:00-08:00&max-results=31">2013</a>
<span class="post-count" dir="ltr">(31)</span>
<ul class="hierarchy">
<li class="archivedate collapsed">
<a class="toggle" href="javascript:void(0)">
<span class="zippy">

          ►&nbsp;
        
</span>
</a>
<a class="post-count-link" href="http://www.dotnetcode.in/2013_07_01_archive.html">July</a>
<span class="post-count" dir="ltr">(11)</span>
</li>
</ul>
<ul class="hierarchy">
<li class="archivedate collapsed">
<a class="toggle" href="javascript:void(0)">
<span class="zippy">

          ►&nbsp;
        
</span>
</a>
<a class="post-count-link" href="http://www.dotnetcode.in/2013_06_01_archive.html">June</a>
<span class="post-count" dir="ltr">(1)</span>
</li>
</ul>
<ul class="hierarchy">
<li class="archivedate collapsed">
<a class="toggle" href="javascript:void(0)">
<span class="zippy">

          ►&nbsp;
        
</span>
</a>
<a class="post-count-link" href="http://www.dotnetcode.in/2013_04_01_archive.html">April</a>
<span class="post-count" dir="ltr">(5)</span>
</li>
</ul>
<ul class="hierarchy">
<li class="archivedate collapsed">
<a class="toggle" href="javascript:void(0)">
<span class="zippy">

          ►&nbsp;
        
</span>
</a>
<a class="post-count-link" href="http://www.dotnetcode.in/2013_03_01_archive.html">March</a>
<span class="post-count" dir="ltr">(4)</span>
</li>
</ul>
<ul class="hierarchy">
<li class="archivedate collapsed">
<a class="toggle" href="javascript:void(0)">
<span class="zippy">

          ►&nbsp;
        
</span>
</a>
<a class="post-count-link" href="http://www.dotnetcode.in/2013_02_01_archive.html">February</a>
<span class="post-count" dir="ltr">(4)</span>
</li>
</ul>
<ul class="hierarchy">
<li class="archivedate collapsed">
<a class="toggle" href="javascript:void(0)">
<span class="zippy">

          ►&nbsp;
        
</span>
</a>
<a class="post-count-link" href="http://www.dotnetcode.in/2013_01_01_archive.html">January</a>
<span class="post-count" dir="ltr">(6)</span>
</li>
</ul>
</li>
</ul>
<ul class="hierarchy">
<li class="archivedate collapsed">
<a class="toggle" href="javascript:void(0)">
<span class="zippy">

          ►&nbsp;
        
</span>
</a>
<a class="post-count-link" href="http://www.dotnetcode.in/search?updated-min=2012-01-01T00:00:00-08:00&updated-max=2013-01-01T00:00:00-08:00&max-results=50">2012</a>
<span class="post-count" dir="ltr">(125)</span>
<ul class="hierarchy">
<li class="archivedate collapsed">
<a class="toggle" href="javascript:void(0)">
<span class="zippy">

          ►&nbsp;
        
</span>
</a>
<a class="post-count-link" href="http://www.dotnetcode.in/2012_12_01_archive.html">December</a>
<span class="post-count" dir="ltr">(7)</span>
</li>
</ul>
<ul class="hierarchy">
<li class="archivedate collapsed">
<a class="toggle" href="javascript:void(0)">
<span class="zippy">

          ►&nbsp;
        
</span>
</a>
<a class="post-count-link" href="http://www.dotnetcode.in/2012_11_01_archive.html">November</a>
<span class="post-count" dir="ltr">(3)</span>
</li>
</ul>
<ul class="hierarchy">
<li class="archivedate collapsed">
<a class="toggle" href="javascript:void(0)">
<span class="zippy">

          ►&nbsp;
        
</span>
</a>
<a class="post-count-link" href="http://www.dotnetcode.in/2012_10_01_archive.html">October</a>
<span class="post-count" dir="ltr">(9)</span>
</li>
</ul>
<ul class="hierarchy">
<li class="archivedate collapsed">
<a class="toggle" href="javascript:void(0)">
<span class="zippy">

          ►&nbsp;
        
</span>
</a>
<a class="post-count-link" href="http://www.dotnetcode.in/2012_09_01_archive.html">September</a>
<span class="post-count" dir="ltr">(7)</span>
</li>
</ul>
<ul class="hierarchy">
<li class="archivedate collapsed">
<a class="toggle" href="javascript:void(0)">
<span class="zippy">

          ►&nbsp;
        
</span>
</a>
<a class="post-count-link" href="http://www.dotnetcode.in/2012_08_01_archive.html">August</a>
<span class="post-count" dir="ltr">(10)</span>
</li>
</ul>
<ul class="hierarchy">
<li class="archivedate collapsed">
<a class="toggle" href="javascript:void(0)">
<span class="zippy">

          ►&nbsp;
        
</span>
</a>
<a class="post-count-link" href="http://www.dotnetcode.in/2012_07_01_archive.html">July</a>
<span class="post-count" dir="ltr">(12)</span>
</li>
</ul>
<ul class="hierarchy">
<li class="archivedate collapsed">
<a class="toggle" href="javascript:void(0)">
<span class="zippy">

          ►&nbsp;
        
</span>
</a>
<a class="post-count-link" href="http://www.dotnetcode.in/2012_06_01_archive.html">June</a>
<span class="post-count" dir="ltr">(16)</span>
</li>
</ul>
<ul class="hierarchy">
<li class="archivedate collapsed">
<a class="toggle" href="javascript:void(0)">
<span class="zippy">

          ►&nbsp;
        
</span>
</a>
<a class="post-count-link" href="http://www.dotnetcode.in/2012_05_01_archive.html">May</a>
<span class="post-count" dir="ltr">(10)</span>
</li>
</ul>
<ul class="hierarchy">
<li class="archivedate collapsed">
<a class="toggle" href="javascript:void(0)">
<span class="zippy">

          ►&nbsp;
        
</span>
</a>
<a class="post-count-link" href="http://www.dotnetcode.in/2012_04_01_archive.html">April</a>
<span class="post-count" dir="ltr">(8)</span>
</li>
</ul>
<ul class="hierarchy">
<li class="archivedate collapsed">
<a class="toggle" href="javascript:void(0)">
<span class="zippy">

          ►&nbsp;
        
</span>
</a>
<a class="post-count-link" href="http://www.dotnetcode.in/2012_03_01_archive.html">March</a>
<span class="post-count" dir="ltr">(12)</span>
</li>
</ul>
<ul class="hierarchy">
<li class="archivedate collapsed">
<a class="toggle" href="javascript:void(0)">
<span class="zippy">

          ►&nbsp;
        
</span>
</a>
<a class="post-count-link" href="http://www.dotnetcode.in/2012_02_01_archive.html">February</a>
<span class="post-count" dir="ltr">(14)</span>
</li>
</ul>
<ul class="hierarchy">
<li class="archivedate collapsed">
<a class="toggle" href="javascript:void(0)">
<span class="zippy">

          ►&nbsp;
        
</span>
</a>
<a class="post-count-link" href="http://www.dotnetcode.in/2012_01_01_archive.html">January</a>
<span class="post-count" dir="ltr">(17)</span>
</li>
</ul>
</li>
</ul>
<ul class="hierarchy">
<li class="archivedate expanded">
<a class="toggle" href="javascript:void(0)">
<span class="zippy toggle-open">▼&nbsp;</span>
</a>
<a class="post-count-link" href="http://www.dotnetcode.in/search?updated-min=2011-01-01T00:00:00-08:00&updated-max=2012-01-01T00:00:00-08:00&max-results=50">2011</a>
<span class="post-count" dir="ltr">(86)</span>
<ul class="hierarchy">
<li class="archivedate collapsed">
<a class="toggle" href="javascript:void(0)">
<span class="zippy">

          ►&nbsp;
        
</span>
</a>
<a class="post-count-link" href="http://www.dotnetcode.in/2011_12_01_archive.html">December</a>
<span class="post-count" dir="ltr">(13)</span>
</li>
</ul>
<ul class="hierarchy">
<li class="archivedate collapsed">
<a class="toggle" href="javascript:void(0)">
<span class="zippy">

          ►&nbsp;
        
</span>
</a>
<a class="post-count-link" href="http://www.dotnetcode.in/2011_11_01_archive.html">November</a>
<span class="post-count" dir="ltr">(5)</span>
</li>
</ul>
<ul class="hierarchy">
<li class="archivedate collapsed">
<a class="toggle" href="javascript:void(0)">
<span class="zippy">

          ►&nbsp;
        
</span>
</a>
<a class="post-count-link" href="http://www.dotnetcode.in/2011_10_01_archive.html">October</a>
<span class="post-count" dir="ltr">(5)</span>
</li>
</ul>
<ul class="hierarchy">
<li class="archivedate collapsed">
<a class="toggle" href="javascript:void(0)">
<span class="zippy">

          ►&nbsp;
        
</span>
</a>
<a class="post-count-link" href="http://www.dotnetcode.in/2011_09_01_archive.html">September</a>
<span class="post-count" dir="ltr">(3)</span>
</li>
</ul>
<ul class="hierarchy">
<li class="archivedate collapsed">
<a class="toggle" href="javascript:void(0)">
<span class="zippy">

          ►&nbsp;
        
</span>
</a>
<a class="post-count-link" href="http://www.dotnetcode.in/2011_08_01_archive.html">August</a>
<span class="post-count" dir="ltr">(6)</span>
</li>
</ul>
<ul class="hierarchy">
<li class="archivedate collapsed">
<a class="toggle" href="javascript:void(0)">
<span class="zippy">

          ►&nbsp;
        
</span>
</a>
<a class="post-count-link" href="http://www.dotnetcode.in/2011_07_01_archive.html">July</a>
<span class="post-count" dir="ltr">(12)</span>
</li>
</ul>
<ul class="hierarchy">
<li class="archivedate expanded">
<a class="toggle" href="javascript:void(0)">
<span class="zippy toggle-open">▼&nbsp;</span>
</a>
<a class="post-count-link" href="http://www.dotnetcode.in/2011_06_01_archive.html">June</a>
<span class="post-count" dir="ltr">(11)</span>
<ul class="posts">
<li><a href="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/DotNetCode  Creating ASP.Net Menu Control using CSS.htm">Creating ASP.Net Menu Control using CSS</a></li>
<li><a href="http://www.dotnetcode.in/2011/06/how-to-find-number-of-online.html">How to find number of online user/visitors in asp....</a></li>
<li><a href="http://www.dotnetcode.in/2011/06/rowdatabound-event-in-gridview-using.html">RowDataBound Event in Gridview using ASP.Net</a></li>
<li><a href="http://www.dotnetcode.in/2011/06/how-to-upload-multiple-files-at-time-in.html">How to Upload Multiple Files at a time in ASP.Net?...</a></li>
<li><a href="http://www.dotnetcode.in/2011/06/how-to-validate-data-and-time-in-vbnet.html">How to Validate Data and time in Vb.net</a></li>
<li><a href="http://www.dotnetcode.in/2011/06/how-to-store-imageurl-in-database-and.html">How To Store ImageURL in Database and View the ima...</a></li>
<li><a href="http://www.dotnetcode.in/2011/06/how-to-send-mail-with-attachment-in.html">How to send mail with attachment in asp.net</a></li>
<li><a href="http://www.dotnetcode.in/2011/06/how-to-retrieve-uploaded-images-from.html">How to retrieve uploaded images from the database ...</a></li>
<li><a href="http://www.dotnetcode.in/2011/06/how-to-validate-uploaded-images-in.html">How to validate uploaded images in database using ...</a></li>
<li><a href="http://www.dotnetcode.in/2011/06/delete-multiple-recordsrows-in-grid.html">Delete Multiple Records/Rows in Grid View With Che...</a></li>
<li><a href="http://www.dotnetcode.in/2011/06/how-to-add-google-1-button-in-wordpress.html">How To Add Google +1 Button In WordPress and Blogs...</a></li>
</ul>
</li>
</ul>
<ul class="hierarchy">
<li class="archivedate collapsed">
<a class="toggle" href="javascript:void(0)">
<span class="zippy">

          ►&nbsp;
        
</span>
</a>
<a class="post-count-link" href="http://www.dotnetcode.in/2011_05_01_archive.html">May</a>
<span class="post-count" dir="ltr">(8)</span>
</li>
</ul>
<ul class="hierarchy">
<li class="archivedate collapsed">
<a class="toggle" href="javascript:void(0)">
<span class="zippy">

          ►&nbsp;
        
</span>
</a>
<a class="post-count-link" href="http://www.dotnetcode.in/2011_04_01_archive.html">April</a>
<span class="post-count" dir="ltr">(2)</span>
</li>
</ul>
<ul class="hierarchy">
<li class="archivedate collapsed">
<a class="toggle" href="javascript:void(0)">
<span class="zippy">

          ►&nbsp;
        
</span>
</a>
<a class="post-count-link" href="http://www.dotnetcode.in/2011_03_01_archive.html">March</a>
<span class="post-count" dir="ltr">(4)</span>
</li>
</ul>
<ul class="hierarchy">
<li class="archivedate collapsed">
<a class="toggle" href="javascript:void(0)">
<span class="zippy">

          ►&nbsp;
        
</span>
</a>
<a class="post-count-link" href="http://www.dotnetcode.in/2011_02_01_archive.html">February</a>
<span class="post-count" dir="ltr">(11)</span>
</li>
</ul>
<ul class="hierarchy">
<li class="archivedate collapsed">
<a class="toggle" href="javascript:void(0)">
<span class="zippy">

          ►&nbsp;
        
</span>
</a>
<a class="post-count-link" href="http://www.dotnetcode.in/2011_01_01_archive.html">January</a>
<span class="post-count" dir="ltr">(6)</span>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="http://www.blogger.com/rearrange?blogID=1729044450077172400&widgetType=BlogArchive&widgetId=BlogArchive1&action=editWidget&sectionId=sidebar-right-1" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;BlogArchive1&quot;));" target="configBlogArchive1" title="Edit">
<img alt="" height="18" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/icon18_wrench_allbkg.png" width="18">
</a>
</span>
</span>
<div class="clear"></div>
</div>
</div><div class="widget Followers" id="Followers1">
<h2 class="title">Followers</h2>
<div class="widget-content">
<div id="Followers1-wrapper">
<div style="margin-right:2px;">
<script type="text/javascript">
    if (!window.google || !google.friendconnect) {
        document.write('<script type="text/javascript"' +
              'src="//www.google.com/friendconnect/script/friendconnect.js">' +
              '</scr' + 'ipt>');
    }
      </script><script type="text/javascript" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/friendconnect.js"></script>
<script type="text/javascript">
    if (!window.registeredBloggerCallbacks) {
        window.registeredBloggerCallbacks = true;




        gadgets.rpc.register('requestReload', function () {
            document.location.reload();
        });


        gadgets.rpc.register('requestSignOut', function (siteId) {

            google.friendconnect.container.openSocialSiteId = siteId;
            google.friendconnect.requestSignOut();
        });
    }
    </script>
<script type="text/javascript">

    function registerGetBlogUrls() {
        gadgets.rpc.register('getBlogUrls', function () {
            var holder = {};




            holder.currentPost = "http://www.blogger.com/feeds/1729044450077172400/posts/default/1442667877429770505";



            holder.currentComments = "http://www.blogger.com/feeds/1729044450077172400/1442667877429770505/comments/default";

            holder.currentPostUrl = "";
            holder.currentPostId = 1442667877429770505



            holder.postFeed = "http://www.blogger.com/feeds/1729044450077172400/posts/default";



            holder.commentFeed = "http://www.blogger.com/feeds/1729044450077172400/comments/default";

            holder.currentBlogUrl = "http://www.dotnetcode.in/";
            holder.currentBlogId = "1729044450077172400";

            return holder;
        });
    }
  </script>
<script type="text/javascript">
    if (!window.registeredCommonBloggerCallbacks) {
        window.registeredCommonBloggerCallbacks = true;

        gadgets.rpc.register('resize_iframe', function (height) {
            var el = document.getElementById(this['f']);
            if (el) {
                el.style.height = height + 'px';
            }
        });


        gadgets.rpc.register('set_pref', function () { });

        registerGetBlogUrls();
    }
  </script>
<div id="div-1dkwonvigr2i4" style="width: 100%; visibility: visible;" class="gadgets-gadget-container"><div id="gfc_iframe_1438541668_0_body"><iframe id="gfc_iframe_1438541668_0" name="gfc_iframe_1438541668_0" style="width: 100%; height: 176px;" frameborder="0" scrolling="no" allowtransparency="true" height="260"></iframe></div></div>
<script type="text/javascript">
    var skin = {};
    skin['FACE_SIZE'] = '32';
    skin['HEIGHT'] = "260";
    skin['TITLE'] = "Followers";
    skin['BORDER_COLOR'] = "transparent";
    skin['ENDCAP_BG_COLOR'] = "transparent";
    skin['ENDCAP_TEXT_COLOR'] = "#3d3d3d";
    skin['ENDCAP_LINK_COLOR'] = "#660000";
    skin['ALTERNATE_BG_COLOR'] = "transparent";

    skin['CONTENT_BG_COLOR'] = "transparent";
    skin['CONTENT_LINK_COLOR'] = "#660000";
    skin['CONTENT_TEXT_COLOR'] = "#3d3d3d";
    skin['CONTENT_SECONDARY_LINK_COLOR'] = "#660000";
    skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#9b9b9b";
    skin['CONTENT_HEADLINE_COLOR'] = "#000000";
    skin['FONT_FACE'] = "normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif";
    google.friendconnect.container.setParentUrl("/");
    google.friendconnect.container["renderMembersGadget"](
    { id: "div-1dkwonvigr2i4",
        height: 260,



        site: "10931289577179196417",

        locale: 'en'
    },
     skin);
  </script>
</div>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="http://www.blogger.com/rearrange?blogID=1729044450077172400&widgetType=Followers&widgetId=Followers1&action=editWidget&sectionId=sidebar-right-1" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;Followers1&quot;));" target="configFollowers1" title="Edit">
<img alt="" height="18" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/icon18_wrench_allbkg.png" width="18">
</a>
</span>
</span>
<div class="clear"></div>
</div>
</div><div class="widget HTML" id="HTML3">
<h2 class="title">Network</h2>
<div class="widget-content">
<p><a href="http://fusion.google.com/add?feedurl=http://feeds.feedburner.com/netAspnetArticlesVbnetCode"><img src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/add.gif" width="104" height="17" style="border:0" alt="Add to Google Reader or Homepage"></a></p>

<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open(&#39;http://feedburner.google.com/fb/a/mailverify?uri=netaspnetarticlesvbnetcode&#39;, &#39;popupwindow&#39;, &#39;scrollbars=yes,width=550,height=520&#39;);return true"><p>Enter your email address:</p><p><input type="text" style="width:140px" name="email"></p><input type="hidden" value="netAspnetArticlesVbnetCode" name="uri"><input type="hidden" name="loc" value="en_US"><input type="submit" value="Subscribe"><p>Delivered by <a href="http://feedburner.google.com/" target="_blank">FeedBurner</a></p></form>



<br>
<br>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="http://www.blogger.com/rearrange?blogID=1729044450077172400&widgetType=HTML&widgetId=HTML3&action=editWidget&sectionId=sidebar-right-1" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;HTML3&quot;));" target="configHTML3" title="Edit">
<img alt="" height="18" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/icon18_wrench_allbkg.png" width="18">
</a>
</span>
</span>
<div class="clear"></div>
</div><div class="widget HTML" id="HTML5">
<h2 class="title">Feedjit</h2>
<div class="widget-content">
<!-- <script type="text/javascript" src="http://feedjit.com/serve/?vv=693&amp;tft=3&amp;dd=0&amp;wid=0984ca6f0321e915&amp;pid=0&amp;proid=0&amp;bc=FFFFFF&amp;tc=545454&amp;brd1=CCCCCC&amp;lnk=6AA5C4&amp;hc=878787&amp;hfc=FFFFFF&amp;btn=62BBDE&amp;ww=200&amp;went=10"></script><noscript><a href="http://feedjit.com/">Feedjit Live Blog Stats</a></noscript>-->
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="http://www.blogger.com/rearrange?blogID=1729044450077172400&widgetType=HTML&widgetId=HTML5&action=editWidget&sectionId=sidebar-right-1" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;HTML5&quot;));" target="configHTML5" title="Edit">
<img alt="" height="18" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/icon18_wrench_allbkg.png" width="18">
</a>
</span>
</span>
<div class="clear"></div>
</div><div class="widget HTML" id="HTML6">
<div class="widget-content">
<script type="text/javascript">    var _cmo = { form: '4f38c148d3ab17000101c3c3', text: 'Contact Me', align: 'left', valign: 'middle', lang: 'en', background_color: '#003C68' }; (function () { var cms = document.createElement('script'); cms.type = 'text/javascript'; cms.async = true; cms.src = ('https:' == document.location.protocol ? 'https://d1uwd25yvxu96k.cloudfront.net' : 'http://static.contactme.com') + '/widgets/tab/v1/tab.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(cms, s); })();</script>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="http://www.blogger.com/rearrange?blogID=1729044450077172400&widgetType=HTML&widgetId=HTML6&action=editWidget&sectionId=sidebar-right-1" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;HTML6&quot;));" target="configHTML6" title="Edit">
<img alt="" height="18" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/icon18_wrench_allbkg.png" width="18">
</a>
</span>
</span>
<div class="clear"></div>
</div>
<div class="widget Label" id="Label1">
<h2>Categories</h2>
<div class="widget-content list-label-widget-content">
<ul>
<li>
<a dir="ltr" href="http://www.dotnetcode.in/search/label/.ini">.ini</a>
<span dir="ltr">(1)</span>
</li>
<li>
<a dir="ltr" href="http://www.dotnetcode.in/search/label/Ajax">Ajax</a>
<span dir="ltr">(7)</span>
</li>
<li>
<a dir="ltr" href="http://www.dotnetcode.in/search/label/Android">Android</a>
<span dir="ltr">(27)</span>
</li>
<li>
<a dir="ltr" href="http://www.dotnetcode.in/search/label/ASP.NET">ASP.NET</a>
<span dir="ltr">(114)</span>
</li>
<li>
<a dir="ltr" href="http://www.dotnetcode.in/search/label/ASP.NET%20%20errors">ASP.NET  errors</a>
<span dir="ltr">(4)</span>
</li>
<li>
<a dir="ltr" href="http://www.dotnetcode.in/search/label/C%23">C#</a>
<span dir="ltr">(11)</span>
</li>
<li>
<a dir="ltr" href="http://www.dotnetcode.in/search/label/connection%20string">connection string</a>
<span dir="ltr">(1)</span>
</li>
<li>
<a dir="ltr" href="http://www.dotnetcode.in/search/label/CSS">CSS</a>
<span dir="ltr">(4)</span>
</li>
<li>
<a dir="ltr" href="http://www.dotnetcode.in/search/label/Drupal%207">Drupal 7</a>
<span dir="ltr">(2)</span>
</li>
<li>
<a dir="ltr" href="http://www.dotnetcode.in/search/label/E-Books">E-Books</a>
<span dir="ltr">(1)</span>
</li>
<li>
<a dir="ltr" href="http://www.dotnetcode.in/search/label/Folder">Folder</a>
<span dir="ltr">(1)</span>
</li>
<li>
<a dir="ltr" href="http://www.dotnetcode.in/search/label/General">General</a>
<span dir="ltr">(22)</span>
</li>
<li>
<a dir="ltr" href="http://www.dotnetcode.in/search/label/google">google</a>
<span dir="ltr">(1)</span>
</li>
<li>
<a dir="ltr" href="http://www.dotnetcode.in/search/label/Interview%20questions">Interview questions</a>
<span dir="ltr">(5)</span>
</li>
<li>
<a dir="ltr" href="http://www.dotnetcode.in/search/label/LINQ">LINQ</a>
<span dir="ltr">(2)</span>
</li>
<li>
<a dir="ltr" href="http://www.dotnetcode.in/search/label/Log%20file">Log file</a>
<span dir="ltr">(1)</span>
</li>
<li>
<a dir="ltr" href="http://www.dotnetcode.in/search/label/Loop">Loop</a>
<span dir="ltr">(1)</span>
</li>
<li>
<a dir="ltr" href="http://www.dotnetcode.in/search/label/news">news</a>
<span dir="ltr">(2)</span>
</li>
<li>
<a dir="ltr" href="http://www.dotnetcode.in/search/label/PayPal">PayPal</a>
<span dir="ltr">(4)</span>
</li>
<li>
<a dir="ltr" href="http://www.dotnetcode.in/search/label/Read">Read</a>
<span dir="ltr">(1)</span>
</li>
<li>
<a dir="ltr" href="http://www.dotnetcode.in/search/label/Regex">Regex</a>
<span dir="ltr">(3)</span>
</li>
<li>
<a dir="ltr" href="http://www.dotnetcode.in/search/label/Search%20a%20Items%20in%20Array%28%29">Search a Items in Array()</a>
<span dir="ltr">(1)</span>
</li>
<li>
<a dir="ltr" href="http://www.dotnetcode.in/search/label/SQL">SQL</a>
<span dir="ltr">(5)</span>
</li>
<li>
<a dir="ltr" href="http://www.dotnetcode.in/search/label/Technology">Technology</a>
<span dir="ltr">(5)</span>
</li>
<li>
<a dir="ltr" href="http://www.dotnetcode.in/search/label/vb.net">vb.net</a>
<span dir="ltr">(33)</span>
</li>
<li>
<a dir="ltr" href="http://www.dotnetcode.in/search/label/Write">Write</a>
<span dir="ltr">(1)</span>
</li>
<li>
<a dir="ltr" href="http://www.dotnetcode.in/search/label/XML">XML</a>
<span dir="ltr">(4)</span>
</li>
</ul>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="http://www.blogger.com/rearrange?blogID=1729044450077172400&widgetType=Label&widgetId=Label1&action=editWidget&sectionId=sidebar-right-1" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;Label1&quot;));" target="configLabel1" title="Edit">
<img alt="" height="18" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/icon18_wrench_allbkg.png" width="18">
</a>
</span>
</span>
<div class="clear"></div>
</div>
</div><div class="widget HTML" id="HTML9">
<script type="text/javascript">
    var disqus_shortname = 'dotnetcode';
    var disqus_blogger_current_url = "http://www.dotnetcode.in/2011/06/creating-aspnet-menu-control-using-css.html";
    if (!disqus_blogger_current_url.length) {
        disqus_blogger_current_url = "http://www.dotnetcode.in/2011/06/creating-aspnet-menu-control-using-css.html";
    }
    var disqus_blogger_homepage_url = "http://www.dotnetcode.in/";
    var disqus_blogger_canonical_homepage_url = "http://www.dotnetcode.in/";
            </script>
<style type="text/css">
    #comments
    {
        display: none;
    }
</style>
<script type="text/javascript">
    (function () {
        var bloggerjs = document.createElement('script');
        bloggerjs.type = 'text/javascript';
        bloggerjs.async = true;
        bloggerjs.src = 'http://' + disqus_shortname + '.disqus.com/blogger_item.js';
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(bloggerjs);
    })();
                </script>
<style type="text/css">
    .post-comment-link
    {
        visibility: hidden;
    }
</style>
<script type="text/javascript">
    (function () {
        var bloggerjs = document.createElement('script');
        bloggerjs.type = 'text/javascript';
        bloggerjs.async = true;
        bloggerjs.src = 'http://' + disqus_shortname + '.disqus.com/blogger_index.js';
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(bloggerjs);
    })();
                </script>
</div></div>
</aside>
                                            </div>
                                        </div>
                                    </div>
                                    <div style="clear: both">
                                    </div>
                                    <!-- columns -->
                                </div>
                                <!-- main -->
                            </div>
                        </div>
                        <div class="main-cap-bottom cap-bottom">
                            <div class="cap-left">
                            </div>
                            <div class="cap-right">
                            </div>
                        </div>
                    </div>
                    <footer>
<div class="footer-outer">
<div class="footer-cap-top cap-top">
<div class="cap-left"></div>
<div class="cap-right"></div>
</div>
<div class="fauxborder-left footer-fauxborder-left">
<div class="fauxborder-right footer-fauxborder-right"></div>
<div class="region-inner footer-inner">
<div class="foot section" id="footer-1"><div class="widget HTML" id="HTML10">
<h2 class="title">search</h2>
<div class="widget-content">
<script type="text/javascript">
    ch_client = "vijay_myl";
    ch_width = 728;
    ch_height = 90;
    ch_type = "mpu";
    ch_sid = "Chitika Default";
    ch_color_site_link = "73443D";
    ch_color_title = "73443D";
    ch_color_border = "FFFFFF";
    ch_color_text = "000000";
    ch_color_bg = "FFFFFF";
</script>
<script src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/amm.js" type="text/javascript">
</script><div id="chitikaAdBlock-0" class="chitikaAdContainer"><iframe class="chitikaAdBlock" frameborder="0" height="90" id="ch_ad0-0" marginheight="0" marginwidth="0" scrolling="no" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/DotNetCode  Creating ASP.Net Menu Control using CSS.htm" width="728" style="margin: 0px; padding: 0px;"></iframe></div>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="http://www.blogger.com/rearrange?blogID=1729044450077172400&widgetType=HTML&widgetId=HTML10&action=editWidget&sectionId=footer-1" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;HTML10&quot;));" target="configHTML10" title="Edit">
<img alt="" height="18" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/icon18_wrench_allbkg.png" width="18">
</a>
</span>
</span>
<div class="clear"></div>
</div></div>
<table border="0" cellpadding="0" cellspacing="0" class="section-columns columns-2">
<tbody>
<tr>
<td class="first columns-cell">
<div class="foot section" id="footer-2-1"></div>
</td>
<td class="columns-cell">
<div class="foot section" id="footer-2-2"></div>
</td>
</tr>
</tbody>
</table>
<!-- outside of the include in order to lock Attribution widget -->
<div class="foot section" id="footer-3"><div class="widget Attribution" id="Attribution1">
<div class="widget-content" style="text-align: center;">
Powered by <a href="http://www.blogger.com/" target="_blank">Blogger</a>.
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="http://www.blogger.com/rearrange?blogID=1729044450077172400&widgetType=Attribution&widgetId=Attribution1&action=editWidget&sectionId=footer-3" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;Attribution1&quot;));" target="configAttribution1" title="Edit">
<img alt="" height="18" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/icon18_wrench_allbkg.png" width="18">
</a>
</span>
</span>
<div class="clear"></div>
</div></div>
</div>
</div>
<div class="footer-cap-bottom cap-bottom">
<div class="cap-left"></div>
<div class="cap-right"></div>
</div>
</div>
</footer>
                    <!-- content -->
                </div>
            </div>
            <div class="content-cap-bottom cap-bottom">
                <div class="cap-left">
                </div>
                <div class="cap-right">
                </div>
            </div>
        </div>
    </div>
    <iframe frameborder="0" id="google_top_static_frame" name="google_top_static_frame"
        src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/blank.htm" style="height: 0px;
        width: 0px; position: absolute;"></iframe>
    <iframe name="oauth2relay711694201" id="oauth2relay711694201" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/postmessageRelay.htm"
        style="width: 1px; height: 1px; position: absolute; top: -100px;"></iframe>
    <script type="text/javascript">
        window.setTimeout(function () {
            document.body.className = document.body.className.replace('loading', '');
        }, 10);
  </script>
    <script type="text/javascript">
        if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');
</script>
    <script type="text/javascript" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/911077727-widgets.js"></script>
    <script type="text/javascript" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/jsapi"></script>
    <script type="text/javascript" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/plusone.js"
        gapi_processed="true"></script>
    <script type="text/javascript">
        if (typeof (BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV2"; window['blogger_blog_id'] = '1729044450077172400'; BLOG_attachCsiOnload('item_'); } _WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d1729044450077172400', '//www.dotnetcode.in/2011/06/creating-aspnet-menu-control-using-css.html', '1729044450077172400');
        _WidgetManager._SetDataContext([{ 'name': 'blog', 'data': { 'blogId': '1729044450077172400', 'bloggerUrl': 'http://www.blogger.com', 'title': 'DotNetCode', 'pageType': 'item', 'url': 'http://www.dotnetcode.in/2011/06/creating-aspnet-menu-control-using-css.html', 'canonicalUrl': 'http://www.dotnetcode.in/2011/06/creating-aspnet-menu-control-using-css.html', 'canonicalHomepageUrl': 'http://www.dotnetcode.in/', 'homepageUrl': 'http://www.dotnetcode.in/', 'blogspotFaviconUrl': 'http://www.dotnetcode.in/favicon.ico', 'enabledCommentProfileImages': true, 'adultContent': false, 'disableAdSenseWidget': false, 'analyticsAccountNumber': '', 'searchLabel': '', 'searchQuery': '', 'pageName': 'Creating ASP.Net Menu Control using CSS', 'pageTitle': 'DotNetCode: Creating ASP.Net Menu Control using CSS', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'languageDirection': 'ltr', 'feedLinks': '\74link rel\75\42alternate\42 type\75\42application/atom+xml\42 title\75\42DotNetCode - Atom\42 href\75\42http://www.dotnetcode.in/feeds/posts/default\42 /\76\n\74link rel\75\42alternate\42 type\75\42application/rss+xml\42 title\75\42DotNetCode - RSS\42 href\75\42http://www.dotnetcode.in/feeds/posts/default?alt\75rss\42 /\76\n\74link rel\75\42service.post\42 type\75\42application/atom+xml\42 title\75\42DotNetCode - Atom\42 href\75\42http://www.blogger.com/feeds/1729044450077172400/posts/default\42 /\76\n\n\74link rel\75\42alternate\42 type\75\42application/atom+xml\42 title\75\42DotNetCode - Atom\42 href\75\42http://www.dotnetcode.in/feeds/1442667877429770505/comments/default\42 /\76\n', 'meTag': '', 'openIdOpTag': '', 'postImageThumbnailUrl': 'http://1.bp.blogspot.com/-l_up06OEQQw/Tglz5pFruYI/AAAAAAAAAFw/hGUFSw6hI-k/s72-c/menu.jpg', 'imageSrcTag': '\74link rel\75\42image_src\42 href\75\42http://1.bp.blogspot.com/-l_up06OEQQw/Tglz5pFruYI/AAAAAAAAAFw/hGUFSw6hI-k/s72-c/menu.jpg\42 /\76\n', 'latencyHeadScript': '\74script type\75\42text/javascript\42\76(function() { var b\75window,f\75\42jstiming\42,g\75\42tick\42;(function(){function d(a){this.t\75{};this.tick\75function(a,d,c){var e\75void 0!\75c?c:(new Date).getTime();this.t[a]\75[e,d];if(void 0\75\75c)try{b.console.timeStamp(\42CSI/\42+a)}catch(h){}};this[g](\42start\42,null,a)}var a;b.performance\46\46(a\75b.performance.timing);var m\75a?new d(a.responseStart):new d;b.jstiming\75{Timer:d,load:m};if(a){var c\75a.navigationStart,h\75a.responseStart;0\74c\46\46h\76\75c\46\46(b[f].srt\75h-c)}if(a){var e\75b[f].load;0\74c\46\46h\76\75c\46\46(e[g](\42_wtsrt\42,void 0,c),e[g](\42wtsrt_\42,\42_wtsrt\42,h),e[g](\42tbsd_\42,\42wtsrt_\42))}try{a\75null,\nb.chrome\46\46b.chrome.csi\46\46(a\75Math.floor(b.chrome.csi().pageT),e\46\0460\74c\46\46(e[g](\42_tbnd\42,void 0,b.chrome.csi().startE),e[g](\42tbnd_\42,\42_tbnd\42,c))),null\75\75a\46\46b.gtbExternal\46\46(a\75b.gtbExternal.pageT()),null\75\75a\46\46b.external\46\46(a\75b.external.pageT,e\46\0460\74c\46\46(e[g](\42_tbnd\42,void 0,b.external.startE),e[g](\42tbnd_\42,\42_tbnd\42,c))),a\46\46(b[f].pt\75a)}catch(n){}})();b.tickAboveFold\75function(d){var a\0750;if(d.offsetParent){do a+\75d.offsetTop;while(d\75d.offsetParent)}d\75a;750\76\75d\46\46b[f].load[g](\42aft\42)};var k\75!1;function l(){k||(k\75!0,b[f].load[g](\42firstScrollTime\42))}b.addEventListener?b.addEventListener(\42scroll\42,l,!1):b.attachEvent(\42onscroll\42,l);\n })();\74/script\076', 'mobileHeadScript': '', 'adsenseClientId': 'pub-5522964055347637', 'ieCssRetrofitLinks': '\74!--[if IE]\76\74script type\75\42text/javascript\42 src\75\42https://www.blogger.com/static/v1/jsbin/629196723-ieretrofit.js\42\76\74/script\76\n\74![endif]--\076', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/d6f37bb30c327165', 'plusOneApiSrc': 'https://apis.google.com/js/plusone.js', 'testHtml5CssSrc': 'https://www.blogger.com/static/v1/widgets/2412321170-css_bundle_html5.css', 'sf': 'n', 'tf': ''} }, { 'name': 'skin', 'data': { 'vars': { 'content_padding': '10px', 'paging_background': 'transparent none no-repeat scroll top center', 'image_border_small_size': '2px', 'body_background_gradient_cap': 'url(http://www.blogblog.com/1kt/simple/gradients_light.png)', 'tabs_selected_background_color': '#427047', 'body_rule_color': '#efefef', 'header_shadow_spread': '1px', 'header_shadow_offset_left': '-1px', 'header_padding': '30px', 'link_visited_color': '#8b8b8b', 'post_title_font': 'normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif', 'tabs_text_color': '#9b9b9b', 'date_header_margin': 'inherit', 'header_background_gradient': 'none', 'content_shadow_spread_webkit': '5px', 'header_bottom_border_size': '1px', 'header_shadow_offset_top': '-1px', 'widget_title_font': 'normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif', 'main_section_margin': '15px', 'keycolor': '#a6e78a', 'content_shadow_spread': '40px', 'image_background_color': '#ffffff', 'header_font': 'normal normal 60px \47Times New Roman\47, Times, FreeSerif, serif', 'header_background_color': '#427047', 'main_border_width': '0', 'main_padding': '15px', 'tabs_border_color': '#efefef', 'image_text_color': '#3d3d3d', 'description_text_size': '140%', 'post_footer_background_color': '#dbf0d4', 'body_background_gradient_tile': 'url(http://www.blogblog.com/1kt/simple/body_gradient_tile_light.png)', 'page_width': 'auto', 'tabs_background_gradient': 'url(http://www.blogblog.com/1kt/simple/gradients_light.png)', 'main_padding_bottom': '30px', 'tabs_background_color': '#537345', 'image_border_large_size': '5px', 'post_margin_bottom': '25px', 'body_background_override': '', 'tabs_margin_side': '30px', 'link_hover_color': '#660000', 'description_text_color': '#7b7b7b', 'body_text_color': '#3d3d3d', 'content_padding_horizontal': '10px', 'endSide': 'right', 'page_width_selector': '.region-inner', 'date_header_padding': 'inherit', 'post_footer_text_color': '#6b6b6b', 'startSide': 'left', 'date_header_color': '#3d3d3d', 'tabs_font': 'normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif', 'post_footer_border_color': '#7b7b7b', 'body_font': 'normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif', 'footer_bevel': '0', 'tabs_bevel_border_width': '1px', 'date_header_background_color': 'transparent', 'content_shadow_spread_ie': '10px', 'widget_title_text_color': '#000000', 'header_border_horizontalsize': '0', 'image_border_color': '#efefef', 'tabs_border_width': '1px', 'content_background_color': '#ffffff', 'link_color': '#660000', 'header_text_color': '#ffffff', 'date_header_letterspacing': 'inherit', 'tabs_margin_top': '0', 'main_padding_top': '30px', 'header_border_size': '1px', 'tabs_selected_text_color': '#000000', 'content_background_color_selector': '.content-inner', 'body_background_color': '#ffffff', 'widget_alternate_text_color': '#9b9b9b' }, 'override': '#navbar-iframe{\ndisplay:none !important;\n}\n.tabs-inner .widget li.selected a{ background: #307D7E}\n.tabs-inner .widget li a:hover, .tabs-inner .widget li a {background: #2B3856;background: #4C4646; color:#ffffff;)'} }, { 'name': 'view', 'data': { 'classic': { 'name': 'classic', 'url': '/?view\75classic' }, 'flipcard': { 'name': 'flipcard', 'url': '/?view\75flipcard' }, 'magazine': { 'name': 'magazine', 'url': '/?view\75magazine' }, 'mosaic': { 'name': 'mosaic', 'url': '/?view\75mosaic' }, 'sidebar': { 'name': 'sidebar', 'url': '/?view\75sidebar' }, 'snapshot': { 'name': 'snapshot', 'url': '/?view\75snapshot' }, 'timeslide': { 'name': 'timeslide', 'url': '/?view\75timeslide'}}}]);
        _WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList1', 'crosscol', null, document.getElementById('PageList1'), { 'title': 'Pages', 'links': [{ 'href': 'http://www.dotnetcode.in/', 'title': 'Home', 'isCurrentPage': false }, { 'href': 'http://www.dotnetcode.in/search/label/ASP.NET', 'title': 'ASP.NET', 'isCurrentPage': false }, { 'href': 'http://www.dotnetcode.in/search/label/vb.net', 'title': 'VB.NET', 'isCurrentPage': false }, { 'href': 'http://www.dotnetcode.in/search/label/Android', 'title': 'Android', 'isCurrentPage': false }, { 'href': 'http://www.dotnetcode.in/search/label/General', 'title': 'General', 'isCurrentPage': false }, { 'href': 'http://www.faqdotnetandroid.blogspot.in/', 'title': 'FAQ', 'isCurrentPage': false }, { 'href': 'http://www.dotnetcode.in/p/submit-article.html', 'title': 'Submit Article', 'isCurrentPage': false }, { 'href': 'http://www.dotnetcode.in/search/label/Interview%20questions', 'title': 'Interview Questions', 'isCurrentPage': false }, { 'href': 'http://jobsserve.blogspot.in/', 'title': 'JOBS', 'isCurrentPage': false}], 'mobile': false }, 'displayModeFull'));
        _WidgetManager._RegisterWidget('_TextView', new _WidgetInfo('Text1', 'crosscol', null, document.getElementById('Text1'), {}, 'displayModeFull'));
        _WidgetManager._RegisterWidget('_CustomSearchView', new _WidgetInfo('CustomSearch1', 'sidebar-right-1', null, document.getElementById('CustomSearch1'), { 'title': 'Search This Dotnetcode', 'includeBlog': true, 'includePostLinks': true, 'includeWeb': true, 'linkLists': [], 'blogUrl': 'http://www.dotnetcode.in/', 'loadingMsg': 'Loading...', 'thisBlogMsg': 'This Blog', 'linkedFromHereMsg': 'Linked From Here', 'theWebMsg': 'The Web', 'backgroundColor': '#ffffff', 'textColor': '#3d3d3d', 'dateColor': '#7b7b7b', 'linkColor': '#660000', 'urlColor': '#660000', 'visitedLinkColor': '#8b8b8b', 'borderColor': '#efefef', 'activeBorderColor': '#efefef' }, 'displayModeFull'));
        _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'sidebar-right-1', null, document.getElementById('HTML4'), {}, 'displayModeFull'));
        _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'sidebar-right-1', null, document.getElementById('HTML2'), {}, 'displayModeFull'));
        _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sidebar-right-1', null, document.getElementById('HTML1'), {}, 'displayModeFull'));
        _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML12', 'sidebar-right-1', null, document.getElementById('HTML12'), {}, 'displayModeFull'));
        _WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar-right-1', null, document.getElementById('BlogArchive1'), { 'languageDirection': 'ltr' }, 'displayModeFull'));
        _WidgetManager._RegisterWidget('_FollowersView', new _WidgetInfo('Followers1', 'sidebar-right-1', null, document.getElementById('Followers1'), {}, 'displayModeFull'));
        _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'sidebar-right-1', null, document.getElementById('HTML3'), {}, 'displayModeFull'));
        _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'sidebar-right-1', null, document.getElementById('HTML5'), {}, 'displayModeFull'));
        _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'sidebar-right-1', null, document.getElementById('HTML6'), {}, 'displayModeFull'));
        _WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'sidebar-right-1', null, document.getElementById('Label1'), {}, 'displayModeFull'));
        _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML9', 'sidebar-right-1', null, document.getElementById('HTML9'), {}, 'displayModeFull'));
        _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML7', 'crosscol-overflow', null, document.getElementById('HTML7'), {}, 'displayModeFull'));
        _WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'footer-3', null, document.getElementById('Attribution1'), { 'attribution': 'Powered by \74a href\75\47http://www.blogger.com\47 target\75\47_blank\47\76Blogger\74/a\76.' }, 'displayModeFull'));
        _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML10', 'footer-1', null, document.getElementById('HTML10'), {}, 'displayModeFull'));
        _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', null, document.getElementById('Header1'), {}, 'displayModeFull'));
        _WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', null, document.getElementById('Navbar1'), {}, 'displayModeFull'));
        _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', null, document.getElementById('Blog1'), { 'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/3195362114-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/4138445517-lightbox_bundle.css' }, 'displayModeFull'));
        _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML8', 'main', null, document.getElementById('HTML8'), {}, 'displayModeFull'));
</script>
    <div class="IL_BASE" style="position: absolute; display: none; width: 30px; height: 30px;
        top: 318px; left: 557px; z-index: 10000100; background-image: url(http://resources.infolinks.com/static/skins/loader-bg.png);
        background-attachment: scroll; background-color: transparent; background-position: 0px 0px;
        background-repeat: no-repeat no-repeat;">
        <img class="IL_BASE" width="30" height="30" alt="" src="./DotNetCode  Creating ASP.Net Menu Control using CSS_files/loader.gif"
            style="width: 30px; height: 30px;">
    </div>
</body>
</html>
